Adicione e personalize as seções de conteúdo (empilhadas na vertical) que estruturam a página.
Você criará as páginas e os rodapés do seu site com seções personalizáveis empilhadas verticalmente. Você pode adicionar, excluir e mover seções para organizar seu conteúdo. Neste guia, você aprenderá sobre o que pode fazer com as seções de página e como usá-las para criar layouts de página exclusivos.
Saiba como criar uma nova página para adicionar seções em Adição de páginas à sua navegação.
Dica: este guia é para a versão 7.1. Para um efeito semelhante na versão 7.0, use um índice empilhado.
Assista a este vídeo
Adicione e edite uma seção
Ao ser adicionada, a nova página começa com pelo menos uma seção pré-criada, a menos que seja uma página vazia. Você também pode adicionar outras seções a uma página existente. A forma de adicionar e editar as seções depende de se você está editando no computador ou no app do Squarespace.
Para começar a editar uma seção, vá até a página e clique em Editar, no canto superior esquerdo da prévia da página.
Para adicionar uma nova seção:
- Clique em Adicionar seção acima ou abaixo de uma seção existente. Se a página estiver vazia, o botão aparecerá no meio da página.
- Clique em uma categoria no painel esquerdo para encontrar seções pré-criadas. Você também pode clicar em Adicionar uma seção vazia para incluir uma seção de bloco vazia ou em Minhas seções salvas para adicionar uma seção que salvou anteriormente.
- Depois de selecionar uma categoria, clique em uma seção. A maioria das seções usa blocos, que você pode reorganizar ou atualizar com mais blocos. Se a seção tiver o ícone i, então é um layout automático ou uma seção de galeria, que organiza automaticamente o conteúdo em layouts predefinidos.
- A seção é adicionada à página, já pronta para você editar ou ajustar o estilo. Feitas as alterações, clique em Salvar para salvar as alterações e continuar editando; ou clique em Sair e depois em Salvar para fechar o editor.
Dica: as coleções, como publicações de blog ou produtos, não podem ser adicionadas como uma seção avulsa. Em vez disso, quando você adiciona uma página de coleção, ela inclui uma seção de página de coleção.
Para conferir as opções de uma seção existente, passe o cursor sobre ela:
- Para ajustar o estilo de uma seção, clique em Editar seção.
- Para duplicar uma seção, clique no ícone duplicado. As seções da página de coleção não podem ser duplicadas.
- Para salvar uma seção, clique no ícone de coração. Não é possível salvar seções da página de coleção.
- Para mover a seção, clique em ↑ ou ↓.
- Para apagar a seção, clique no ícone da lixeira. Depois de salvar essa ação, a seção não pode ser restaurada. As seções da página de coleção não podem ser apagadas.
- Clique em Salvar para publicar suas alterações ou clique em Sair e em Salvar para fechar o editor.
Nas seções do Editor Intuitivo, não é possível adicionar nem editar blocos, mesmo fazendo atualizações no texto da página. No entanto, você pode mover, adicionar ou ajustar o estilo de uma seção. Nas áreas do seu site que você não pode editar no app, faça pelo computador.
Toque em Editar ou no ícone de lápis no canto superior direito para abrir a página para edição e, em seguida, adicione ou edite seções:
- Para adicionar uma nova seção, toque em + acima ou abaixo de uma seção existente e escolha um tipo de seção.
- Para mover uma seção, toque em ↑ ou ↓ na barra de ferramentas.
- Para estilizar uma seção, toque no ícone do lápis na barra de ferramentas.
- Toque em Concluído ou em ✓ (canto superior esquerdo) para salvar as alterações.
Você pode adicionar quantas seções quiser, mas recomendamos até 20 seções em uma página, já que páginas com muito conteúdo demoram mais para carregar. Saiba mais em Meu site está lento para carregar.
Adicione conteúdo às seções
O modo de adicionar e de definir o conteúdo vai depender das seções, que são de três tipos:
- Seção de blocos - personalize um layout com blocos.
- Seções de layout automático - Adicione conjuntos de conteúdo e organize-os automaticamente em listas ou galerias.
- Seção de página de coleção — exponha os itens de coleção. A Página do Blog, por exemplo, tem uma seção de coleção que mostra as publicações do blog.
Você pode adicionar seções de layout de bloco e automático a qualquer página. As seções da página de coleção são exclusivas de suas páginas.
Seções de bloco
Blocos são recursos nos quais você adiciona conteúdo ao seu site, como texto, imagens, botões e formulários. Para adicionar e editar o estilo do conteúdo nas seções de bloco:
- Adicione ou mova o bloco para personalizar o layout.
- Para adicionar conteúdo a um bloco, clique duas vezes nele.
- Para apagar um bloco, clique nele e depois no ícone da lixeira. Após salvar essa ação, o bloco não pode ser restaurado.
- Para alterar os estilos da seção, clique em Editar seção.
Normalmente, a maioria das seções do seu site são seções de blocos. Essas seções usam uma dos dois recursos de edição: o Editor Intuitivo ou o editor clássico.
Editor Intuitivo
O Editor Intuitivo é o mais novo recurso para edição de conteúdo do Squarespace.Quando você adiciona uma nova seção vazia ou uma seção de blocos com um layout pré-criado, ela usa o Editor Intuitivo. Se você não souber se uma seção usa o Editor Intuitivo, veja no canto superior direito, durante a edição, se há o botão Adicionar bloco.
No Editor Intuitivo, para organizar e ajustar o tamanho dos blocos, você clica e arrasta em uma grade flexível. Os blocos podem se sobrepor para criar layouts exclusivos.
Editor clássico
Se você adicionou uma seção de blocos antes do lançamento do Editor Intuitivo, ela usará nosso editor clássico, que também é usado em outras áreas do seu site, como nas publicações do blog. Se você não souber se uma seção usa o editor clássico, passe o cursor sobre os blocos da página e veja se aparece um ícone + (ponto de inserção) acima ou abaixo de cada bloco.
Para adicionar uma nova seção de bloco com o editor clássico:
- Clique em Editar na página e depois em Adicionar seção.
- Role até a parte inferior da lista de tipos de seção.
- Clique em Adicionar vazia+ [editor clássico].
Para migrar uma seção de bloco do editor clássico para o Editor Intuitivo, clique em Fazer upgrade. Saiba mais em Editor Intuitivo, o mais novo recurso para edição de conteúdo do Squarespace.
Seções de layout automático
Use o layout automático para adicionar um conjunto de conteúdo, como imagens e texto. Esse belos layouts são atualizados automaticamente quando você adiciona conteúdo. Essas seções mostram o emblema i no seletor de seções.
Para saber mais, acesse Layouts automáticos.
Seções de galeria:
As seções da galeria são um tipo de layout automático bom para exibir imagens sem muito texto. Para saber mais, acesse as seções da Galeria.
Seções da página de coleção
Use uma página de coleção para expor uma coleção de itens, como publicações do blog ou eventos. A página do blog, de eventos, de portfólio e da loja são todas páginas de coleção. Saiba mais em seções da página de coleção.
Seção de rodapé
Use seções de bloco para criar um rodapé. Passe o cursor sobre o rodapé e clique em Editar rodapé para adicionar e editar as seções. É possível adicionar seções de bloco vazias ou seções em estilo rodapé com layouts de blocos pré-criados. Não é possível adicionar outros tipos de seção ao rodapé.
Para saber mais, acesse Edição de rodapé.
Altere o estilo da seção
Você pode fazer com que as seções sigam seus estilos de todo o site no Painel Estilos do Site, ou você pode editar o layout, o plano de fundo e a cor de uma seção individual para dar mais variedade ou contraste às suas páginas.
Para ajustar o estilo de uma seção específica, clique em Editar na página, passe o cursor sobre a seção e clique no ícone de Editar seção ou no ícone de lápis. A seção de blocos inclui três abas: Formato, Fundo e Cor.
Formato
Na guia Formatar, é possível alterar estes detalhes:
- Alinhamento de conteúdo - como o conteúdo se alinha com as margens da seção: ao longo da parte superior, ao longo da parte inferior ou equidistante da parte superior e inferior.
- Largura do conteúdo — quanto da largura da seção seu conteúdo abrange.
- Altura da seção - a altura da seção na página. Seções com mais conteúdo podem aparecer mais altas do que a sua configuração. Isso também afeta o espaçamento acima e abaixo do conteúdo da seção.
- Estilo: como a margem inferior da seção aparece. Ative a opção Divisor para adicionar um divisor de seção exclusivo.
Plano de fundo
Na aba Plano de fundo, é possível adicionar uma imagem de fundo, vídeo ou arte. O conteúdo do plano de fundo pode aparecer sem margens ou inserções a partir das bordas da seção. Para saber mais sobre suas opções, acesse os seguintes guias:
Cor
Na aba Cor, você seleciona e personaliza um tema de cores na seção. As alterações feitas no tema de cores afetam todas as seções do site que usam esse tema. Saiba mais em Alteração das cores.
Outras seções
Para saber mais sobre as opções de estilo para seções de layout automático e seções de página de coleção, visite estes guias:
- Layout automático
- Seções de galeria:
- Criar um Blog com o Squarespace
- Páginas de Eventos
- Editor Intuitivo, o mais novo recurso para edição de conteúdo do Squarespace
- Páginas de Portfólio
- Armazene uma seção
Divisores de seção
Na aba Formatar dos estilos de seção, ative a opção Divisor para adicionar uma margem à parte inferior da seção. Você pode adicionar um divisor à seção de bloco, ao layout automático e à seção de galeria.
Para personalizar seu divisor de seção:
- Forma: clique no ícone de mistura para randomizar os ajustes ou clique no ícone de configurações para selecionar uma forma e alterar os ajustes manualmente.
- Traçado: selecione uma margem de linha sólida, tracejada ou sem margem para o divisor.
- Cor: na paleta geral do site, selecione uma cor para a linha da margem.
- Espessura: defina a espessura da margem usando as opções pequena, média ou grande. Clique em ... para alterar manualmente a espessura do divisor.
Depois de criar o primeiro divisor de seção do seu site, as configurações dele se aplicarão aos divisores criados posteriormente. Se você quiser que seus divisores de seção sejam diferentes, personalize cada um usando as configurações listadas acima.
Seções sem divisores
Se a sua página incluir uma seção que não aceita divisores de seção, como um blog, eventos, portfólio ou seção de vídeos, você pode usar uma seção de bloco vazia para replicar um divisor de seção:
- Clique em Editar na página em questão.
- Passe o cursor sobre Adicionar seção abaixo dessa seção.
- Clique em Adicionar uma seção vazia.
- Passe o cursor sobre a seção vazia e clique em Editar seção.
- Deixe a altura como pequena e ative a opção Divisor .
- Ajuste o estilo do divisor como quiser. Não adicione nenhum bloco à seção.
Esse divisor de seção não interage com a seção acima exatamente como os divisores de seção integrados. Por exemplo: se a seção não aceita tiver uma imagem de fundo, o divisor aparecerá abaixo da imagem em vez de margeá-la diretamente.
Salvar seções
Quando você criar um layout de seção de página que deseja reutilizar, passe o cursor sobre a seção e clique no ícone de coração para adicioná-la às suas seções salvas.
Salvar uma seção cria um "instantâneo" do layout que você pode adicionar quando quiser. Isso é ótimo para sites em que é necessário reutilizar um determinado layout em várias páginas.
Para usar uma seção salva:
- Clique em Editar em uma página e depois em Adicionar seção.
- Clique em Minhas seções salvas.
- Selecione a seção salva que você deseja adicionar.
- Faça alterações no layout.
Lembre-se:
- Você pode ter até 50 seções salvas em seu site.
- As seções salvas não têm link para a seção original. A atualização da seção original não atualiza a versão salva nem qualquer outro lugar no qual você a tenha adicionado.
- Não é possível salvar seções da página de coleção nem seções de rodapé. Além disso, não é possível adicionar seções salvas ao seu rodapé.
Remover uma seção salva
Para remover uma seção das suas seções salvas:
- Clique em Editar em uma página e depois em Adicionar seção.
- Clique em Minhas seções salvas.
- Marque a caixa no canto superior esquerdo de uma ou mais seções.
- Clique em Remover. Não é possível desfazer essa ação.
Transfira conteúdo entre as seções
Para transferir um conteúdo:
- Seção de blocos do editor clássico - arraste os blocos de uma seção de blocos para outra na mesma página. Não é possível transferir blocos nas seções de blocos do Editor Intuitivo.
- Seções de layout automático - Reutilize uma imagem de lista ou galeria para adicioná-la a diferentes seções de lista ou galeria.
- Seção de coleção — transfira um item do blog, de um evento ou de produto de uma coleção a outra do mesmo tipo. No momento, não é possível transferir as subpáginas do portfólio.