O widget Photo Gallery facilita a adição de várias imagens ao seu site (ou a conexão de um feed do Instagram; para obter mais informações, consulte a seção deste artigo, Conectar um feed público do Instagram para empresas). Quando as imagens na Galeria de Fotos são clicadas, elas podem ser abertas em uma galeria lightbox ou vinculadas a uma página do seu site, a um URL do site, a um pop-up, a uma âncora, a um endereço de e-mail ou mais. Você pode adicionar títulos, descrições e texto alternativo a cada imagem.
Conteúdo dinâmico
Esse widget também pode exibir páginas dinâmicas. Para obter mais informações, consulte Exibir opções de navegação para registros de coleção.
Nota
Para obter diretrizes de imagem, consulte Diretrizes de mídia.
A área Content (Conteúdo) é onde o conteúdo do widget pode ser gerenciado.
Opções de configuração da galeria
-
Para ativar links nas imagens da galeria, clique no botão Ativar links nas imagens da galeria na parte superior da caixa de conteúdo.
-
Isso desativa o recurso lightbox. Se uma imagem não tiver um link, nada acontecerá quando a imagem for clicada.
-
-
Clique em Connect Instagram (Conectar Instagram ) para se conectar a uma conta do Instagram (somente imagens serão exibidas, postagens com vídeos não serão visíveis). A conta do Instagram precisa ser pública.
-
Clique em Adicionar imagem para adicionar imagens (várias podem ser selecionadas ao mesmo tempo para serem adicionadas à galeria). As seguintes opções estão disponíveis:
-
Selecione entre as imagens imediatamente disponíveis.
-
Clique em Visualização completa para abrir o Seletor de imagens.
-
Clique no ícone de adição para fazer upload de uma imagem.
Nota
Para obter informações adicionais, consulte Gerenciador de mídia, bibliotecas e seletores.
-
Opções de configuração de imagem individual
Clique em uma imagem para abrir suas opções de configuração.
-
Substitua a imagem.
-
Editar. Altere as propriedades da imagem usando o editor de imagens.
-
Posição. Ajuste qual parte da imagem é exibida.
-
Editar link. Isso só ficará visível se a configuração Ativar links nas imagens da galeria estiver ativada. Se um link não estiver definido, nada acontecerá quando a imagem for clicada.
-
Título. Se um título não for desejado, clique no
ícone de olho (). Se não houver texto inserido, mas ele for deixado visível, o espaço permanecerá no widget e ficará visível.
-
Descrição. Se uma descrição não for desejada, clique no ícone
de olho (). Se não houver texto inserido, mas ele for deixado visível, o espaço permanecerá no widget e ficará visível.
-
Botão. Se um botão não for desejado, clique no ícone de olho
() para ocultá-lo.
-
Texto alternativo. Digite seu próprio texto alternativo ou clique no ícone Sparkle ()
para usar o AI Assistant para gerar texto alternativo. Repita o procedimento para cada imagem individual na Galeria de fotos ou clique em Todo o texto alternativo para visualizar e gerenciar o texto alternativo de todas as imagens do site. O ícone Sparkle será desativado se uma imagem não for selecionada.
Nota
O texto alternativo gerado pelo Assistente de IA está no mesmo idioma que o idioma atual da página.
-
Para alterar o layout da galeria, clique na guia Layout. Você tem as seguintes opções:
-
Clique no layout existente para ver mais opções de design para sua galeria de fotos. Os layouts são gerenciados por dispositivo e com base na exibição atual em que o layout está selecionado.
-
O texto pode ser adicionado sob as imagens, no site hover, ou na imagem. Selecione Texto/botão sob a imagem, Texto/botão em hover, ou Texto/botão na imagem e, em seguida, selecione uma posição para o texto/botão.
-
Selecione o número de colunas na Galeria de fotos.
-
Para ajustar o número de colunas automaticamente para evitar espaços em branco, clique no botão Ajustar colunas automaticamente.
-
Selecione quantas linhas visíveis você deseja exibir.
-
-
Para configurar imagens, clique na guia Imagens. Você tem as seguintes opções:
-
Alterar a altura da imagem e o espaçamento entre as imagens (em todas as imagens na galeria). Disponível em layouts selecionados.
-
Adicionar cantos arredondados.
-
Mostrar a íntegra da imagem na galeria.
-
Adicionar sombra.
-
Alterar o efeito de hover e de animação da imagem (disponível no novo widget).
-
Desativar a otimização da imagem.
Nota
A desativação da otimização da imagem pode afetar a velocidade e/ou o desempenho da página.
-
-
Para configurar a moldura (por exemplo, adicionar uma cor de fundo ou personalizar a borda), clique na guia Moldura.
-
Para desativar o carregamento lento, clique no botão (isso está ativado por padrão para ajudar na velocidade da página, carregando imagens somente quando elas se tornam visíveis na rolagem).
-
Para ocultar a opção de compartilhamento, clique no botão Ocultar imagens de compartilhamento. Isso remove o botão de compartilhamento que os usuários veem ao clicar em uma imagem.
-
-
Para alterar o espaçamento interno e externo, clique na guia Espaçamento.
Os usuários com uma conta comercial do Instagram (não contas privadas ou pessoais) podem adicionar um feed do Instagram ao widget da galeria de fotos. O widget exibe até 100 imagens de seu feed e é atualizado automaticamente quando novas postagens são adicionadas. Se uma publicação do Instagram tiver mais de uma imagem, somente a primeira imagem dessa publicação será exibida no widget da galeria de fotos.
Nota
-
Novas atualizações de imagem podem levar até 2 horas para serem exibidas.
-
Somente fotos serão exibidas (vídeos não podem) e somente de contas públicas e de uma conta comercial.
-
Cada site pode vincular apenas uma conta do Instagram.
-
As fotos de colaboração não podem ser exibidas.
-
Para alterar a conta, abra a galeria de fotos conectada, clique em Desconectar e faça login com a nova conta. Talvez seja necessário limpar o cache do navegador após a desconexão e antes de tentar se reconectar.
-
Os clientes não precisam fornecer informações de usuário e senha. O senhor pode conceder aos clientes permissões de edição de conteúdo para que eles mesmos façam login no Instagram.
Para conectar um feed do Instagram ao widget Photo Gallery:
-
Adicione o widget da galeria de fotos ao seu site. Para mais informações, ver Adicionar Widgets.
-
Clique em Conectar Instagram.
-
Digite suas credenciais do Instagram e clique em Log In.
-
Clique em Autorizar.
Se o senhor receber um erro ao fazer o login, acesse Instagram.com em seu navegador. Na guia Profile (Perfil), clique no ícone Settings (Configurações ) e selecione Sign-Out (Sair) e, em seguida, reconecte-se ao widget.
As legendas das imagens podem ser exibidas no site hover em uma imagem. Para exibir as legendas das imagens, clique no botão Show image captions (Mostrar legendas das imagens ) na guia Content (Conteúdo) do widget Photo Gallery (por padrão, o botão está desativado).
Você também pode alterar a cor, o tamanho e a fonte do texto, bem como a cor de fundo das legendas das imagens na guia Design.
Nota
Essa funcionalidade está disponível apenas no desktop, pois a funcionalidade ao passar o mouse não está disponível para dispositivos móveis.
Para reconectar o Instagram corretamente ao widget Galeria de Fotos:
-
No editor, clique no widget Photo Gallery para abrir o Content Editor.
-
Para desconectar o widget do Instagram, clique em Disconnect (Desconectar).
-
Feche o editor.
-
Acesse https://www.instagram.com/ e saia diretamente do Instagram.
-
Abra uma janela anônima, acesse editor e reconecte o Instagram ao widget Galeria de Fotos.
Se a conexão com o Instagram for desfeita, pode ser que o token de autenticação venceu. Você precisará reconectar o widget Galeria de Fotos ao Instagram e reautorizar as credenciais.
Para reconectar o widget Galeria de Fotos ao Instagram: