Últimas notícias da SeedProd

Tutoriais, dicas e recursos do WordPress para ajudar a expandir seus negócios

Como adicionar uma galeria a páginas e posts do WordPress: 3 maneiras

Como adicionar uma galeria ao WordPress (páginas e postagens) 

Escrito por: avatar do autor Stacey Corrin
avatar do autor Stacey Corrin
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.
     Avaliado por: avatar do revisor Turner John
avatar do revisor Turner John
John Turner é o cofundador da SeedProd. Ele tem mais de 20 anos de experiência em negócios e desenvolvimento e seus plug-ins foram baixados mais de 25 milhões de vezes.

Você pode adicionar uma galeria a páginas e posts do WordPress em apenas alguns minutos. Seja para compartilhar fotos, obras de arte ou produtos, uma galeria dá ao seu site uma aparência mais profissional e mantém os visitantes envolvidos.

Já criei galerias no WordPress usando blocos, plug-ins e criadores de páginas. Cada método funciona de forma um pouco diferente, portanto, neste guia, eu o orientarei passo a passo sobre as três melhores opções, com dicas para que suas galerias carreguem rapidamente e tenham ótima aparência.

Uma galeria do WordPress organiza suas fotos em um layout limpo e clicável que é mais fácil de navegar do que imagens individuais empilhadas em uma página.

Aqui estão os principais motivos para adicionar uma galeria em vez de inserir imagens uma a uma:

  • Melhor experiência do usuário: Os visitantes podem digitalizar várias imagens rapidamente sem a necessidade de rolagem interminável.
  • Aparência profissional: As galerias adicionam estrutura e polimento a portfólios, blogs e páginas de produtos.
  • Benefícios de SEO: As galerias otimizadas podem direcionar o tráfego do Google Images e melhorar os sinais de engajamento.
  • Recursos interativos: Com as ferramentas certas, você pode adicionar pop-ups de lightbox, filtros e carrosséis.
Galeria usando o bloco de imagens do WordPress

Uso galerias sempre que preciso exibir vários recursos visuais em uma página. Isso mantém o design organizado e torna o conteúdo mais atraente.

Opções para adicionar galerias ao WordPress

Há várias maneiras de adicionar uma galeria a páginas e posts do WordPress. A mais simples é usar o bloco Gallery incorporado no WordPress.

É uma boa solução para um iniciante porque é fácil de usar. Entretanto, você tem pouco controle sobre a aparência além do tamanho da imagem e das legendas. Portanto, eu não o recomendaria para sites que precisam de mais opções de personalização.

Você também pode usar os plug-ins de galeria de imagens do WordPress. Eles vêm com muito mais opções de personalização e recursos avançados. Por exemplo, os plug-ins de galeria mais populares oferecem:

  • Popups de lightbox
  • Layouts exclusivos
  • Animações e efeitos de foco
  • Proteção de imagens (marca d'água)
  • E mais.

Como alternativa, muitos construtores de páginas do WordPress têm módulos exclusivos de galeria de imagens. Eles facilitam a adição de galerias às suas páginas de destino sem a necessidade de instalar plug-ins adicionais.

Não se preocupe se ainda não puder escolher. Abordarei as três opções no tutorial abaixo para que você possa encontrar a que melhor atenda às suas necessidades.

Dica: se quiser ter o máximo de controle de design em uma única página (como um portfólio ou um mostruário de produtos), use o SeedProd. Se você precisar de galerias em várias postagens, use um plug-in de galeria. Para algo rápido e simples, use o bloco Gallery incorporado.

Vou começar com meu método favorito, adicionando uma galeria ao WordPress usando um construtor de páginas.

MétodoTrabalhos em páginasTrabalhos em PostsPersonalizaçãoMelhor paraNotas
Construtor de páginas SeedProdAlta (grade, filtros, carrossel)Portfólios, páginas de destinoAdicione galerias dentro de layouts de alta conversão; controle visual.
Plugin Envira GalleryAlta (lightbox, marca d'água, legendas)Blogueiros, lojas, galerias e postagensRico em recursos; funciona em todo o site sem um construtor de páginas.
Bloco de galeria do WordPressBásico (colunas, legendas, estilos simples)Necessidades simples, plug-ins mínimosOpção rápida e incorporada; menos efeitos de layout.

Ao criar uma página de galeria de alta conversão, como um portfólio, você deseja ferramentas que facilitem a geração de leads e conversões.

Você poderia criar uma página de destino no editor do WordPress e usar o bloco Gallery. No entanto, ela provavelmente não terá os outros recursos de que você precisa, como:

  • Temporizadores de contagem regressiva
  • Depoimentos
  • Formulários de adesão
  • Tabelas de preços
  • Classificação por estrelas

Nesse caso, faz mais sentido usar um construtor de páginas do WordPress com tudo o que você precisa em um único plug-in do WordPress.

Construtor de sites WordPress SeedProd Drag and Drop

Minha principal opção é o SeedProd, um dos melhores construtores de páginas do WordPress do tipo arrastar e soltar. Com ele, você pode criar páginas de destino que convertem e exibem seu trabalho com o bloco de galeria avançado.

Primeiro, você precisará instalar e ativar o plug-in SeedProd em seu site WordPress. Se precisar de ajuda com isso, consulte nosso guia sobre como instalar o SeedProd Pro.

Depois de ativar o plug-in, vá para SeedProd " Landing Pages no painel do WordPress e clique no botão "Add New Landing Page" (Adicionar nova página de destino).

adicionar nova página de destino SeedProd

Agora, navegue pelos modelos de página de destino para encontrar um design pré-fabricado que atenda às suas necessidades. Você também pode começar do zero com um modelo de página em branco.

Escolha um modelo de página de destino no SeedProd

Basta passar o mouse sobre um modelo e clicar no ícone de marca de seleção para iniciá-lo no construtor de arrastar e soltar do SeedProd. Em seguida, você pode personalizar a página visualmente para torná-la sua.

Para obter etapas mais detalhadas, consulte meu guia passo a passo sobre como criar uma página de destino no WordPress.

Observação: Com o SeedProd, você só pode adicionar galerias a páginas do WordPress, não a posts.

Depois de configurar sua página de destino, você desejará personalizá-la com uma galeria de fotos do WordPress. Há três maneiras de fazer isso no SeedProd:

  • Bloco Gallery: Uma galeria simples de várias colunas.
  • Bloco de galeria avançado: Uma galeria única ou múltipla com filtros, sobreposições e descrições de texto.
  • Bloco de carrossel de imagens: Uma galeria de imagens deslizante de coluna única com opções de reprodução automática.

Para adicionar o bloco Gallery, localize-o na barra lateral de blocos à esquerda e arraste-o para o lugar em sua página.

Como adicionar uma galeria ao WordPress com o seedprod

Em seguida, clique na opção "Add Gallery Images" (Adicionar imagens da galeria) nas configurações do bloco.

Adicionar imagens da galeria nas configurações do bloco da galeria

Agora, você pode carregar novas imagens do seu computador ou selecionar imagens da sua biblioteca de mídia do WordPress. Selecione todas as imagens que deseja adicionar à sua galeria e clique em "Create Gallery".

Criar galeria no WordPress

Em seguida, você pode dar uma legenda a cada imagem e clicar no botão "insert Gallery" (inserir galeria).

Agora você verá a galeria em sua página de destino. A partir daí, clique na guia "Settings" (Configurações) nas opções de bloco para ajustar as colunas da galeria, o link, o tamanho da imagem e a ordem.

Configurações do bloco da galeria SeedProd

O bloco Advanced Gallery funciona de forma semelhante. Entretanto, em vez de uma única galeria, é possível adicionar várias galerias e exibir filtros para que os usuários escolham facilmente o que desejam ver.

Como antes, localize o bloco Advanced Gallery na barra lateral esquerda e arraste-o para sua página.

Bloco de galeria avançado SeedProd

Desta vez, há um menu suspenso para escolher "único" ou "múltiplo". Selecionarei múltiplo para mostrar como funciona.

Tipo de galeria avançada SeedProd

Como você pode ver, ao escolher isso, você terá uma opção de "guia". Essa é sua primeira galeria.

Clique na guia para expandi-la e ver as configurações da galeria.

Adicione várias galerias ao WordPress com o SeedProd

Aqui, clique na opção "Add Gallery Images" e siga as etapas como antes para adicionar mídia e inserir suas fotos.

Agora, clique no botão "Add Galleries" para adicionar outra galeria de imagens.

Adicionar outra galeria

Na visualização da galeria, você verá vários títulos. No meu exemplo, eles são "Todos", "Carros vermelhos" e "Carros pretos".

Filtros de galeria do WordPress

Isso significa que os usuários podem visualizar todas as imagens de uma só vez ou uma galeria de cada vez.

Nesse bloco, há uma configuração extra chamada "Overlay". Expanda-a e você poderá ativar o efeito de sobreposição. Esse efeito permite que você adicione uma sobreposição de cores às miniaturas de imagens da galeria que são exibidas quando você passa o mouse sobre elas.

Opções de sobreposição de galeria do WordPress

Você também pode exibir a legenda, o título ou a descrição da imagem para dar mais contexto aos visitantes.

Se você quiser que suas imagens ocupem menos espaço na página, use o bloco Image Carousel.

Bloco de carrossel de imagens SeedProd

Nas configurações do bloco, você pode carregar imagens individualmente, mas, em vez de uma grade, elas aparecerão como uma apresentação de slides com paginação.

Configurações do carrossel de imagens do WordPress

Os usuários podem clicar manualmente para deslizar por cada imagem ou você pode definir o carrossel para reprodução automática na área de configurações.

Configurações de reprodução automática do carrossel

Escolha o método que funciona melhor para você. E não se esqueça de clicar em "Save" (Salvar) e "Publish" (Publicar) para que as alterações sejam aplicadas em seu site.

Agora, vou orientá-lo em uma alternativa: um plug-in de galeria do WordPress. Esse método é ideal se você quiser galerias de imagens com muitos recursos para adicionar a páginas e posts.

Para isso, recomendo o Envira Gallery, um dos melhores plug-ins de galeria de fotos para WordPress.

Plugin do WordPress Envira Gallery

Sua funcionalidade de arrastar e soltar o torna fácil de usar e tem todos os recursos necessários para criar um layout de galeria responsivo e fácil de usar.

Primeiro, você precisará instalar e ativar o plug-in Envira Gallery. Estou usando a versão gratuita para este exemplo, mas a versão Pro desbloqueia muitos outros complementos, como marca d'água, proteção por senha, ícones de mídia social, galerias WooCommerce para sites de comércio eletrônico e muito mais.

Para obter ajuda, consulte este guia prático sobre como instalar um plug-in do WordPress.

Após a ativação, crie uma nova página ou edite uma já existente. Em seguida, clique no ícone de adição para adicionar um novo bloco do WordPress, procure por "Envira" e clique para adicioná-lo à sua página.

Bloco da Galeria Envira

Em seguida, clique no botão "Media Library" (Biblioteca de mídia) para escolher imagens da sua biblioteca para adicionar à galeria.

Para editar sua galeria, clique na opção "Edit Gallery" (Editar galeria) na barra de ferramentas ou na barra lateral direita.

Editar a galeria Envira

Isso abre uma nova guia com várias opções de personalização.

Configurações da Galeria Envira

Por exemplo, na guia "Config", você pode definir o número de colunas, ativar ou desativar o carregamento lento, definir a altura e as margens automáticas da linha e escolher o tamanho e as dimensões da imagem.

Configurações do Envira Gallery Config

Você também pode clicar na guia "Lightbox" para ativar um efeito de lightbox da galeria que abre suas imagens em tamanho real quando os usuários clicam nelas.

Configurações do Envira Gallery Lightbox

Quando estiver satisfeito com suas configurações, clique em "Update" (Atualizar) no canto superior direito e, em seguida, retorne à sua página. A partir daí, salve e publique sua página para exibir a galeria ao vivo em seu site.

Você também pode usar esse método para adicionar uma galeria às postagens do WordPress.

Exemplo de galeria Envira em postagem do WordPress

Se você prefere um site com o mínimo de plug-ins do WordPress ou precisa de algo simples, sem os sinos e assobios, o bloco Gallery integrado do WordPress é uma opção sólida.

Para usá-lo, edite ou crie uma nova página ou postagem, clique no ícone de adição para adicionar um bloco no editor de blocos (Gutenberg) e procure o bloco Galeria.

Bloco de galeria do WordPress

Em seguida, carregue suas imagens ou escolha-as na biblioteca de mídia do WordPress e clique no botão "Create New Gallery" (Criar nova galeria).

Criar nova galeria

Em seguida, adicione legendas ou reorganize sua galeria e selecione o botão "Insert Gallery" (Inserir galeria).

Inserir galeria

Depois que ela estiver em seu post ou página, você poderá personalizar a galeria escolhendo as opções na barra lateral direita.

Configurações da galeria do WordPress

Por exemplo, você pode definir o número de colunas e a resolução, vincular o arquivo de mídia ou a página de anexo e cortar as imagens para ajustá-las.

Alternar para as configurações de "Styles" permite que você defina uma cor de fundo personalizada e ajuste o espaçamento entre as imagens.

Configurações de estilo de galeria do WordPress

Quando estiver satisfeito com as alterações, clique em atualizar ou publicar para ativá-las.

Otimização de imagens para galerias do WordPress

Otimizar as imagens de sua galeria é tão importante quanto adicioná-las. Arquivos grandes e não compactados podem tornar seu site mais lento e prejudicar o SEO. Eu sempre otimizo antes de fazer o upload para que minhas galerias fiquem nítidas sem reduzir a velocidade da página.

Aqui estão as principais etapas que recomendo:

  • Redimensione imagens: Corresponda ao tamanho que você precisa em seu site. Não carregue uma imagem de 3000 px se ela só for exibida com 800 px de largura.
  • Compacte os arquivos: Use ferramentas como TinyPNG, ShortPixel ou Imagify para reduzir o tamanho do arquivo sem perder a qualidade.
  • Use o formato correto: JPEG para fotos, PNG para transparência e WebP para desempenho moderno e benefícios de SEO.
  • Adicione um texto alternativo descritivo: Isso ajuda na acessibilidade e pode direcionar o tráfego do Google Images.
  • Galerias com carregamento lento: O WordPress já tem isso incorporado. Ele garante que as imagens sejam carregadas à medida que os visitantes rolam a tela, melhorando a velocidade.

Já vi galerias passarem de lentas e desajeitadas para carregamento rápido apenas redimensionando e compactando as imagens primeiro. Isso faz uma enorme diferença para os visitantes e para as classificações.

Qual é a maneira mais fácil de adicionar uma galeria no WordPress?
A maneira mais fácil é usar o bloco Gallery incorporado no editor do WordPress. Você pode carregar várias imagens, reorganizá-las e exibi-las em colunas sem instalar nenhum plug-in adicional.
Posso adicionar uma galeria a páginas e postagens no WordPress?
Sim. O bloco Gallery e os plug-ins de galeria, como o Envira, funcionam tanto em páginas quanto em posts. Se você estiver usando o SeedProd, poderá adicionar galerias dentro de landing pages, mas não em posts de blog.
Preciso de um plug-in para criar uma galeria no WordPress?
Não. O WordPress vem com um bloco básico de Galeria. No entanto, os plug-ins oferecem mais recursos, como lightboxes, filtros e layouts avançados.
Como faço para adicionar uma galeria de fotos sem um plug-in?
Edite sua página ou postagem, clique no ícone de mais (+) e escolha o bloco Gallery. Em seguida, carregue ou selecione imagens de sua biblioteca de mídia e insira-as em seu conteúdo.
Qual é o melhor plugin de galeria para WordPress?
O Envira Gallery é um dos plug-ins mais populares para a criação de galerias responsivas e repletas de recursos. Ele inclui opções para lightboxes, álbuns, compartilhamento social e até mesmo galerias de produtos do WooCommerce.

Espero que os métodos deste guia tenham ajudado você a aprender como adicionar uma galeria ao WordPress. Escolha um que funcione para você e, em seguida, dê vida ao seu site com conteúdo visual atraente.

Você também pode gostar dos seguintes tutoriais do WordPress sobre o uso de imagens:

Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, fique à vontade para deixar um comentário com perguntas e feedback.

Você também pode nos seguir no YouTube, no X (antigo Twitter) e no Facebook para obter mais conteúdo útil para expandir seus negócios.

avatar do autor
Stacey Corrin Escritor
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.