Seção de galeria

Apresente uma galeria de imagens em um layout personalizável.

Ultima atualização 1 de Fevereiro de 2025

Adicione seções de galeria às suas páginas para exibir conjuntos de imagens em layouts impressionantes, em vez de adicionar vários blocos de imagem a uma seção de blocos.

A seção de galeria é ideal para apresentar imagens com uma breve descrição. Para uma forma semelhante de mostrar outros tipos de conteúdo, como um longo texto com botões, use uma seção de layout automático. Para saber as diferenças entre essas seções, consulte "Layout automático x seção de galeria".

Acessando o recurso

Este guia é para a versão 7.1. Para efeito semelhante na versão 7.0, use uma página de galeria ou um bloco de galeria.

Assista a este vídeo

Adicione uma seção de galeria

Para criar uma nova página com seção de galeria:

  1. Abra o painel "Páginas" e clique em +.
  2. No menu, clique em Layouts de página e depois em Galeria para escolher um layout. É possível alterá-lo mais tarde.
  3. Adicione um título à página e pressione Enter.
  4. Clique em Editar na página.
  5. Clique no ícone de imagem para adicionar e editar uma imagem.
  6. Clique no ícone de lápis para editar o estilo da galeria.
  7. Clique em Salvar para salvar suas alterações e continuar editando ou clique em Sair e em Salvar para fechar o editor e publicar suas alterações.

Você também pode adicionar uma seção de galeria a uma página existente no site:

  1. Clique em Editar na página.
  2. Clique em Adicionar seção acima ou abaixo de uma seção existente.
  3. Clique em Imagens e escolha um layout com o emblema i no canto superior direito.

Se a primeira seção da página for a de galeria, ela pode afetar como o cabeçalho do site aparece. Saiba mais em "Criando o cabeçalho do site".

Layouts da seção de galeria

No menu suspenso Tipo de galeria, você tem os seguintes tipos de layout:

  • Grade: simples - uma grade com imagens em fileiras e colunas iguais
  • Grade: tiras - uma grade com tiras de imagens de diferentes tamanhos em cada fileira
  • Grade: tijolos - uma grade onde imagens com diferentes proporções aparecem em um layout desigual
  • Slideshow: simples - um slideshow que mostra uma imagem por vez, e o único layout com a opção de ativar miniaturas
  • Slideshow: tela cheia - um slideshow sem margens que mostra uma imagem de cada vez
  • Slideshow: rolo de filme - um slideshow com várias imagens ao mesmo tempo

Dica

Para definir as imagens para fazer a transição automaticamente, escolha a Slideshow: Simples ou Slideshow: Tela cheia e ative a opção Reprodução Automática. Para definir o tempo entre cada transição de imagem, altere a Duração do slide.

Para saber como cada layout aparece na versão móvel, consulte "Como meu site aparecerá na versão móvel?"

Adicione imagens à galeria

Anotação

na seção de galeria, as alterações nas imagens são salvas automaticamente. Ao adicionar, excluir, editar ou reorganizar as imagens da galeria, não é possível desfazer essa alteração pela seta de desfazer nem na opção Descartar alterações. É preciso excluir, readicionar, editar ou reorganizar manualmente as imagens.

Após adicionar uma seção de galeria, você pode adicionar imagens a ela:

  1. Passe o cursor sobre a galeria, clique no ícone de imagem e depois em + .
  2. Para adicionar imagens salvas no seu aparelho, clique em Carregar imagens.
  3. Para reutilizar uma imagem que você já adicionou ou adicionar uma imagem de acervo, clique em Buscar imagens.

Depois de carregar a imagem, você pode:

  • Clicar em Editor de imagens para editar a imagem.
  • Ajuste o ponto focal. Ele pode não afetar a aparência da imagem, dependendo da proporção da imagem e das configurações de estilo.
  • Clique e arraste as imagens para reordená-las. Não é possível ordenar manualmente suas imagens no layout Grade: tijolos, uma vez que a ordem é determinada automaticamente pela proporção das suas imagens.
  • Inclua uma Descrição para adicionar uma legenda e um texto alternativo à imagem.
  • Adicione um URL de clickthrough no campo Link.
  • Exclua a imagem movendo o cursor sobre ela e clicando no ícone da lixeira.

Lembre-se:

  • É possível adicionar até 250 imagens a uma seção de galeria.
  • As seções de galeria não aceitam vídeos ou URLs de deeplinkde imagens.
  • Não é possível adicionar blocos a uma seção de galeria, mas você pode adicionar seções de bloco acima ou abaixo dela.

Edite o estilo da galeria

Para personalizar a galeria, você pode alterar o layout, as cores e a proporção, usar legendas e muito mais. Para editar o estilo de uma seção de galeria:

  1. Na página com a seção de galeria, clique em Editar.
  2. Passe o cursor sobre a seção de galeria e clique no ícone de lápis.
  3. Na aba Galeria, altere o layout com o menu suspenso Tipo de galeria.
  4. Abaixo do Tipo de galeria, faça outras alterações no estilo do layout — pode ser ajustar o espaçamento e a altura da imagem, além de ativar as legendas, o lightbox ou um divisor na parte inferior da seção. As opções variam de acordo com o layout.
  5. Clique na guia Cores para escolher um tema de cor.
  6. Clique em Salvar.

Lembre-se:

  • Devido ai design responsivo do Squarespace, os layouts podem variar dependendo do browser ou do tamanho do aparelho, mesmo se você tiver criado estilos específicos definido Você pode, por exemplo, fixar o número de colunas da sua galeria com os layouts "em grade: simples" e "em grade: tijolos". Em browsers menores, porém, a galeria pode aparecem com menos colunas.
  • Na grade: layout de tiras, o ajuste Altura da linha controla a altura das primeiras linhas. A altura muda com base em vários fatores, como o número de imagens na galeria. Como esse layout mostra imagens em alturas diferentes, geralmente não é possível alinhar a altura de cada linha.

Largura da seção da galeria

A maioria dos layouts de seção da galeria inclui a configuração Largura nos estilos Galeria. As opções de largura incluem o seguinte (nem todas as opções estão disponíveis em todos os layouts):

  • Sem margens - as imagens na galeria tocam as bordas da seção em todos os lados
  • Cheia - as imagens na seção da galeria mostram a largura da janela do browser com margens de espaço em branco com base no ajuste Margem do site nos estilos do site
  • Inserção - as imagens na seção da galeria aparecem na largura máxima fixada com base no ajuste Largura da página (máx.) nos estilos do site

Dependendo das configurações e do tamanho do browser, as seções CheiaInserção são iguais. Por exemplo: se o tamanho do browser for menor do que a configuração Largura da página (máx.), as opções CheiaInserção aparecerão da mesma forma.

Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.