Ir para conteúdo principal
Todas as coleçõesCriador de SitesElementos do site
Criador de sites: Como adicionar uma galeria de imagens
Criador de sites: Como adicionar uma galeria de imagens

Aprenda mais sobre como adicionar uma galeria de imagens ao seu site

Atualizado há mais de 2 anos

Há duas maneiras de adicionar uma galeria de imagens:

Usando elementos de galeria de imagens

No construtor de sites, clique em Adicionar elementos, selecione a Galeria e arraste ela para a seção desejada em sua página:

Clique no elemento para ver mais opções; você pode gerenciar as imagens da galeria, abrir as configurações, duplicar, excluir ou redimensionar o elemento:

Clique em Gerenciar galeria para:

  • Adicionar mais imagens

  • Ordenar as imagens: arraste e solte as imagens para trocá-las de lugar

  • Excluir imagens: passe o mouse sobre uma imagem que deseja apagar e você verá um pequeno ícone de lixeira - clique nele para excluir a imagem

Nas configurações da galeria, você pode:

  • Selecione o layout da galeria

  • Defina um número de imagens por linha

  • Altere o intervalo entre as fotos

  • Escolha o que acontece ao clicar: por padrão, uma imagem da galeria clicada é exibida na visualização em tela cheia, mas você pode desativar isso facilmente

OBSERVAÇÃO: O layout da grade exibe imagens em quadrados específicos; o layout de alvenaria exibe imagens em suas proporções originais:

Adicionando um código de terceiros

Se você quiser algo mais personalizado, fique à vontade para usar ferramentas de terceiros. O Elfsight é uma das muitas plataformas que oferecem vários widgets incorporáveis, incluindo o widget de Galeria de Fotos.

No Elfsight, você encontrará uma variedade de modelos de galeria de imagens. Depois de selecionar um modelo, você personalizar ele da forma que preferir:

Quando terminar de criar seu widget, salve-o:

Em seguida, clique em Adicionar ao site e copie o código de integração:

OBSERVAÇÃO: Você pode ser solicitado a selecionar um plano Elfsight; como recomendação, recomendamos escolher o plano livre.

Cole o código em seu site usando o elemento de código incorporado e redimensione ele, se necessário. Quando terminar, atualize seu site para que as alterações sejam refletidas na versão online do seu site.

Isto respondeu à sua pergunta?