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). 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 Conteúdo dinâmico: opções de exibição e navegação para registros de coleção.
Nota
Para obter diretrizes de imagem, consulte Mídia: diretrizes e especificações.
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
-
Botão. Se um botão não for desejado, clique no ícone de olho (
-
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 AI Assistant está no mesmo idioma do idioma atual da página. Para obter mais informações sobre o AI Assistant, consulte Visão geral e recursos do AI Assistant.
-
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 pública do Instagram (não contas privadas) 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.
-
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: