Usando elementos de galeria de imagem<\/a><\/b><\/p>\n<\/li>\n Ao adicionar e utilizar um código de terceiros<\/a><\/b><\/p>\n<\/li>\n<\/ol> \n<\/p> \n<\/p> No construtor de sites, clique em Adicionar elementos<\/b>, selecione a Galeria <\/b>e arraste ela para a seção desejada em sua página:<\/p> \n<\/p> 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:<\/p> \n<\/p> Clique em Gerenciar galeria<\/b> para:<\/p> Adicionar mais imagens<\/p>\n<\/li>\n Ordenar as imagens: arraste e solte as imagens para trocá-las de lugar<\/p>\n<\/li>\n 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<\/p>\n<\/li>\n<\/ul> Nas configurações da galeria<\/b>, você pode:<\/p> Selecione o layout da galeria<\/p>\n<\/li>\n Defina um número de imagens por linha<\/p>\n<\/li>\n Altere o intervalo entre as fotos<\/p>\n<\/li>\n 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<\/p>\n<\/li>\n<\/ul> OBSERVAÇÃO:<\/b> O layout da grade exibe imagens em quadrados específicos; o layout de alvenaria exibe imagens em suas proporções originais:<\/p> \n<\/p> \n<\/p> Se você quiser algo mais personalizado, fique à vontade para usar ferramentas de terceiros. O Elfsight<\/a><\/b> é uma das muitas plataformas que oferecem vários widgets incorporáveis, incluindo o widget de Galeria de Fotos<\/a><\/b>.<\/p> \n<\/p> No Elfsight, você encontrará uma variedade de modelos de galeria de imagens. Depois de selecionar um modelo, você personalizar ele da forma que preferir:<\/p> \n<\/p> Quando terminar de criar seu widget, salve-o:<\/p> \n<\/p> Em seguida, clique em Adicionar ao site <\/b>e copie o código de integração:<\/p> \n<\/p> OBSERVAÇÃO:<\/b> Você pode ser solicitado a selecionar um plano Elfsight; como recomendação, recomendamos escolher o plano livre.<\/p> \n<\/p> Cole o código em seu site usando o elemento de código incorporado<\/a><\/b> e redimensione ele<\/a><\/b>, se necessário. Quando terminar, atualize seu site<\/a><\/b> para que as alterações sejam refletidas na versão online do seu site. Aprenda mais sobre como adicionar uma galeria de imagens ao seu site<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[257],"tags":[],"class_list":["post-1841","post","type-post","status-publish","format-standard","hentry","category-elementos-do-site"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6437094-hostinger-website-builder-how-to-add-an-image-gallery\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6437094-hostinger-creador-de-sitios-web-como-agregar-una-imagen-a-la-galeria\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6437094-hostinger-createur-de-site-web-comment-ajouter-une-galerie-d-images\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6437094-hostinger-svetainiu-kurimo-irankis-galerijos-elementas\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6437094-hostinger-criador-de-sites-como-adicionar-uma-galeria-de-imagens\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/comments?post=1841"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1841\/revisions"}],"predecessor-version":[{"id":3450,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1841\/revisions\/3450"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/media?parent=1841"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/categories?post=1841"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/tags?post=1841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Usando elementos de galeria de imagens<\/b><\/h2>
![](\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/11\/c05731c0-e856-4520-99df-e1f7bb1af062.jpg\")
<\/div>![](\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/11\/0e11ffcd-c1d5-4d61-8487-048672ecaeb2.jpg\")
<\/div>\n
\n
![](\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/11\/f0218343-cc86-4f43-ae3e-86d3b4e3bc1b.jpg\")
<\/div>Adicionando um código de terceiros<\/b><\/h2>
![](\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/11\/94a05432-6b11-474f-9ba1-11fab67f2244.jpg\")
<\/div>![](\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/11\/847856a7-1f38-4e48-94e6-3fe78d64af35.jpg\")
<\/div>![](\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/11\/15aa7e1e-7430-4af1-99dd-c3dd60ebeda6.jpg\")
<\/div>
<\/p>\n","protected":false},"excerpt":{"rendered":"