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
A forma de adicionar e editar as seções depende de se você está editando no computador ou no app do Squarespace.
Ao ser adicionada, a nova página começa com pelo menos uma seção pré-criada, a menos que seja uma página em branco. 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.
Passe o cursor do mouse sobre uma seção para revisar suas opções:
- Para adicionar uma seção, clique em Adicionar seção.
- 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 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 as alterações. As alterações não são salvas automaticamente.
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.
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. No momento, o app aceita apenas algumas seções.
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 ✓ no canto superior esquerdo para salvar as alterações.
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.
Atenção: você pode usar o app do Squarespace para editar conteúdo em certas seções, mas não é possível usar o app para adicionar novos blocos a uma seção. Para áreas do seu site que você não pode editar no app, edite o site no computador.
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:
- Altura da Seção – A altura da seção. Seções com mais conteúdo podem ser exibidas a uma altura mais alta do que sua configuração. Isso também afeta a quantidade de espaçamento acima e abaixo do conteúdo da sua seção.
- Largura do conteúdo — quanto da largura da seção seu conteúdo abrange.
- Alinhamento de conteúdo – como o conteúdo se alinha com as bordas de seção: ao longo da parte superior, ao longo da parte inferior ou equidistante da parte superior e inferior
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
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.