Páginas de Galeria na versão 7.0

Ultima atualização 23 de Março de 2024

Na versão 7.0, as páginas de galeria exibem imagens e vídeos com layouts e estilos atraentes. A página de galeria tem designs específicos para combinar com o seu template. Este guia mostra como adicionar uma nova página de galeria e incluir imagens e vídeos nela.

As etapas deste guia também se aplicam às Páginas do Projetos.

Acessando o recurso

Este guia é para a versão 7.0. Na versão 7.1, adicione seções de galeria.

Antes de começar

  • As opções de design, de layout e de estilo da página de galeria dependem do template. A página de galeria pode ser em slideshow, em grade, em pilha ou em carrossel. Confira Estilizar páginas de galeria na versão 7.0.
  • É possível adicionar até 250 imagens ou vídeos a cada Página de Galeria. Galerias maiores podem levar mais tempo para carregar.
  • Para adicionar uma galeria fora da página de galeria, como em uma página de layout ou em uma publicação do blog, use o bloco de galeria. Também recomendamos conferir as diferenças entre ambos.

Assistir a um vídeo

Adicionar uma Página de Galeria

Acessando o recurso

No aplicativo Squarespace, adicionar novas Páginas de Galeria só é possível na versão iOS.

Para adicionar uma página de galeria, abra o painel "Páginas" e clique em + e depois em Galeria. Confira os passos em "Adição de páginas à navegação".

Adicionar imagens

Dicas

Carregue imagens (upload)

Há três maneiras de carregar suas imagens em uma Página de Galeria em um computador:

  • Clique em + no painel lateral e depois em Carregar imagem.
  • Clique na caixa vazia no painel lateral para abrir o gerenciador de arquivos do computador; depois, clique em Abrir ou Escolher para adicionar a imagem à galeria.
  • Arraste e solte as imagens na caixa vazia no painel lateral.

Você também pode reutilizar uma imagem já carregada; para isso, clique em + e depois em Procurar imagens.

Adicione imagens de acervo

Nossas integrações de imagens de acervo buscam e adicionam imagens diretamente do seu site. É uma ótima opção caso você não tenha nenhuma imagem para usar.

Para adicionar uma imagem de banco de imagens, clique em + e, em seguida, clique em Procurar Imagens. Você também pode usar a pesquisa de imagens para reutilizar uma imagem de banco que adicionou anteriormente.

Adicione vídeos

Você pode adicionar um vídeo hospedado externamente do YouTube ou Vimeo a uma página de galeria com seu URL direto ou um código HTML incorporado (para opções de exibição avançadas).

Para adicionar um vídeo, clique em + no painel lateral e depois em Adicionar vídeo.

Opção 1 - use uma URL

Copie o URL do vídeo da barra de endereço do browser e cole na aba URL de vídeo.

Opção 2 - use o código de incorporação do HTML

Para usar o código de incorporação HTML do vídeo:

  1. Encontre o vídeo no serviço de hospedagem de vídeo.
  2. A maioria dos hosts de vídeo tem um botão Compartilhar ou Incorporar. Clique em Compartilhar ou Incorporar e copie o código fornecido.
  3. Clique na aba Incorporação de vídeo nas configurações do vídeo.
  4. Cole o código no campo de texto.

Adicione sobreposições de imagem (opcional)

Você pode adicionar uma miniatura aos vídeos. A imagem aparece sobre o vídeo antes da reprodução. Pode ser um cartão de título, um quadro do vídeo ou outra imagem que faça o visitante clicar para assistir o vídeo.

Para adicionar uma sobreposição de imagem, ative a opção Miniatura de vídeo. Em seguida, clique em Imagem para carregar uma imagem do computador; ou em Procurar imagens para adicionar uma imagem de acervo. Para excluir a imagem, clique em Excluir imagem abaixo da miniatura.

Edite as configurações do item

Se você clica em + para adicionar conteúdo à página de galeria, as configurações de item são abertas automaticamente. Se não, passe o cursor sobre o item e clique em o ícone de engrenagem para abrir as configurações.

No editor de cada item, é possível:

Adicione títulos e descrições

O título e a descrição dão contexto ao conteúdo. O título vira um texto alternativo para que os buscadores entendam suas imagens e melhorem o recurso de SEO. O estilo da descrição e as opções de exibição dependem do template.

Para adicionar um título e uma descrição:

  1. Clique na página de galeria e passe o cursor sobre uma imagem ou vídeo no painel lateral.
  2. Clique em o ícone de engrenagem para abrir o editor.
  3. Adicione um título e uma descrição nas caixas de texto. O título de imagem deve ter no máximo 200 caracteres.
  4. Clique em Salvar.

Para adicionar um título e uma descrição:

  1. Toque duas vezes na imagem carregada para abrir as configurações de imagem.
  2. Toque na caixa de texto sob o Título da imagem para adicionar ou editar o título. O título da imagem deve ter no máximo 200 caracteres.
  3. Toque na caixa de texto sob Descrição da imagem para adicionar ou editar a descrição.
  4. Toque em Salvar.

Se os títulos e as descrições das imagens não estiverem aparecendo, há alguns motivos pelos quais isso pode estar acontecendo:

  • Eles estão ocultos. Para exibi-los, abra o painel Estilos do site enquanto estiver em uma Página de Galeria e desmarque o ajuste Ocultar descrições da galeria.
  • Seu template não aceita título nem descrição de imagem. No entanto, recomendamos adicioná-los, pois os buscadores podem indexá-los como texto alternativo.

Defina o status de publicação do item

A qualquer momento, você pode deixar uma imagem ou vídeo como Publicado ou não publicado (Rascunho, Precisa de revisão ou Agendado). Quando o item não está publicado, aparece um banner de status sobre a miniatura da imagem ou do vídeo no painel lateral, e o item não fica visível no seu site ativo. Se você deixar o item como Publicado, o banner sobre a miniatura desaparece, e o item aparece no site ativo.

O status inicial da publicação do item depende de como você adiciona imagens ou vídeos à sua Página de Galeria:

  • Novas imagens do acervo e imagens retiradas da sua biblioteca para serem reutilizadas viram Publicadas.
  • Como padrão, o URL de vídeos e as novas imagens que você carrega de um computador ou aparelho via + no painel lateral viram Rascunho.
  • As novas imagens que você carrega para a caixa vazia do painel lateral viram Publicado.

Para alterar o status de um item:

  1. Clique na página da galeria e passe o cursor sobre a imagem ou vídeo no painel lateral.
  2. Clique em o ícone de engrenagem.
  3. Clique em Status.
  4. Selecione um novo status.
  5. Clique em Salvar.

No app do Squarespace, o upload de imagens já vem como "Publicada". É possível mudar manualmente o status após o upload. Para alterar o status de uma imagem:

  1. Toque duas vezes na imagem carregada para abrir as configurações de imagem.
  2. Toque em Status da imagem.
  3. Toque em Rascunho, Requer revisão, Publicado ou Agendado.
  4. Toque em Publicada para selecionar a data e hora da publicação no calendário. A data não aparecerá no site.
  5. Toque em Agendada para selecionar a data e hora da publicação no calendário. A data não aparecerá no site.
  6. Toque na seta no canto superior esquerdo para voltar às configurações de imagem.
  7. Toque em Salvar.

Adicionar categorias e tags

Use tags e categorias para organizar o conteúdo e mostrar imagens e vídeos em diferentes grupos. As tags e categorias não aparecem na galeria, mas você pode usar o bloco de nuvem de tag, o bloco de arquivo, o bloco de sumário, links de navegação e links de texto para filtrar conteúdo e ajudar os visitantes a encontrarem as imagens por categoria.

Para adicionar categorias e tags, clique em Categorias ou Tags no editor de uma imagem ou vídeo.

Para adicionar ou remover tags e categorias:

  1. Toque duas vezes na imagem ou vídeo no qual você quer adicionar tags e categorias.
  2. Toque em Categorias ou Tags.
  3. Procure pelas tags ou categorias; ou localize-as na lista.
  4. Toque nas tags ou categorias que você deseja adicionar à imagem. Uma marca aparecerá ao lado do nome das tags ou categorias selecionadas.
  5. Para excluir uma tag ou categoria, toque nela novamente. A marca desaparecerá.
  6. Após a seleção, toque na seta no canto superior direito para voltar às configurações da imagem e toque em Salvar.

Saiba mais em Categorias e tags.

Organize sua Página de Galeria

Reorganize as imagens

Imagens e vídeos de galeria geralmente aparecem na mesma ordem das miniaturas no painel lateral. Siga estes passos para reorganizar o conteúdo da galeria.

Para mover uma imagem de cada vez, clique e arraste a imagem pelo painel lateral.

Para mover várias imagens, pressione Ctrl (Windows) ou Command (Mac) e clique nas imagens desejadas. Depois, clique e arraste as imagens.

Anotação

nos templates com o ajuste de estilo Proporção da imagem, selecionar Proporção da imagem: automática mantém a proporção original de cada imagem. Como resultado, as imagens são organizadas automaticamente com base na altura e podem ficar em uma ordem diferente de como estão no painel. Saiba mais sobre os ajustes de estilo da página de galeria em Estilizar Páginas de Galeria na versão 7.0.

Para reordenar o conteúdo da galeria:

  1. Toque em Mais e depois em Páginas.
  2. Toque no título da Página da Galeria que você deseja organizar.
  3. Toque em Editar ou no ícone de lápis, no canto superior direito.
  4. Toque e segure na imagem ou vídeo que você pretende mover.
  5. Deslize o item pelo painel e solte quando ele estiver no novo lugar.
  6. Na versão para iOS, toque em Concluído ou em (canto superior direito). Na versão para Android, as alterações são salvas automaticamente. 

Transfira imagens de uma galeria para outra

Se você tiver várias Páginas de Galeria, é possível transferir imagens e vídeos de uma galeria para outra. Essa é uma ótima maneira de organizar conteúdo sem recriá-lo.

Na família de templates York, você pode mover imagens entre as Páginas de Projetos e as Páginas de Galeria.

Apague imagens

Para apagar imagens de uma Página de Galeria:

Selecione uma ou mais imagens ou vídeos e clique em Excluir na parte inferior do painel. Clique em Confirmar para apagar a imagem.

Como alternativa, você pode clicar em o ícone de engrenagem no item que deseja apagar e depois em Apagar nas configurações do item.

  1. Toque em Mais e depois em Páginas.
  2. Toque no título da Página da Galeria cujas imagens você deseja apagar.
  3. Toque em Editar ou no ícone de lápis, no canto superior direito.
  4. Toque no ícone - na imagem a ser apagada e depois toque em Apagar para confirmar.
  5. Toque em Concluído ou em no canto superior direito.

Substituir uma imagem

Para substituir uma imagem em uma galeria enquanto mantém suas informações, como título e tags:

  1. Clique duas vezes na imagem para abrir seu editor.
  2. Clique em Remover imagem abaixo da imagem.
  3. Clique em Imagem na área da imagem para carregar uma nova.
  4. Clique em Salvar.

Mostre o conteúdo da Página da Galeria com blocos

Você pode usar blocos para extrair o conteúdo da página de galeria da página existente e mostrá-lo em outro lugar do site. Essa é uma ótima forma de mostrar imagens em diferentes formatos, destacar categorias ou disponibilizar um link visual para a página de galeria.

Os seguintes blocos funcionam bem na Página de Galeria:

  • Bloco de Galeria - mostra o conteúdo da Página de Galeria em modo Carrossel, Grade, Slideshow ou Pilha
  • Bloco de Sumário – Exibe o conteúdo da Página de Galeria e exibe como uma Parede, Carrossel, Lista ou Grade. Você pode filtrar por categoria ou tag
  • Bloco de Link de Conteúdo - fornece um link visual para a Página de Galeria, usando a primeira imagem da galeria e o título e descrição da página

Perguntas frequentes

Por que não consigo adicionar blocos ou texto à minha Página de Galeria?

A página de galeria serve para mostrar somente imagens e vídeos; por isso, não há pontos de inserção para adicionar blocos. Para adicionar conteúdo com uma galeria, recomendamos trocar a página de galeria por uma página de layout e combinar blocos de texto e blocos de galeria. Esse método dá mais flexibilidade para chegar ao design desejado.

Por que minha galeria tem aparência diferente na URL da página direta?

Sua Página de Galeria pode estar em uma Página Índice e você pode estar vendo a Galeria em seu formulário Índice, o que dá às Páginas de Galeria uma aparência única.

A galeria está no formato índice quando /#/ aparece na barra de endereços do browser. Para ver a página de galeria no formato padrão, apague /#/ na barra.

Por que os vídeos têm títulos, descrições e sobreposições de imagem que eu não adicionei?

Os vídeos do YouTube e do Vimeo às vezes preenchem automaticamente o campo de título e de descrição e fornecem uma sobreposição de imagem. Para alterar isso, abra o vídeo para edição e troque o texto ou a imagem pelo seu.

Por que as imagens carregadas na minha página da galeria têm um local adicionado automaticamente?

Se você adicionou um local físico nas configurações "Dados da empresa" do seu site, as imagens carregadas na página de galeria incluirão automaticamente esse local. Essas informações não aparecem na página de galeria; você pode excluí-las manualmente na aba Localização da imagem.

Próximos passos

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.