Como adicionar uma galeria no WordPress com efeito Lightbox

Publicados: 2023-12-01

Quer adicionar uma galeria no WordPress com efeito lightbox?

Adicionar o efeito lightbox permitirá que os usuários visualizem suas imagens em um ambiente sem distrações, sem sair do seu site. No entanto, o bloco de galeria padrão do WordPress não oferece suporte a lightboxes.

Neste artigo, mostraremos como adicionar facilmente uma galeria no WordPress com efeito lightbox, passo a passo.

Add a Gallery in WordPress with a Lightbox Effect

Por que adicionar o efeito Lightbox nas galerias do WordPress?

Ao adicionar o efeito lightbox às galerias do seu site WordPress, você pode exibir suas imagens de uma forma mais profissional.

Este efeito permite que você exiba suas imagens em uma janela pop-up em seu site quando um usuário clica nelas.

Lightboxes ajudam a criar uma experiência de visualização mais envolvente para seus visitantes e ainda facilitam o compartilhamento de suas imagens nas redes sociais ou o download delas em seus computadores.

Lightbox preview

Se você tiver um site de fotografia, adicionar um efeito lightbox permitirá que os usuários visualizem suas imagens de alta resolução sem distrações, aumentando o envolvimento.

Da mesma forma, se você tiver uma loja WooCommerce, adicionar um efeito lightbox às galerias de produtos também pode ajudar os clientes a ver o produto de perto e tomar uma decisão informada.

Dito isso, vamos ver como adicionar facilmente uma galeria WordPress com efeito lightbox, passo a passo.

Como adicionar uma galeria WordPress com efeito lightbox

Você pode facilmente adicionar uma galeria WordPress com efeito lightbox usando a Galeria Envira.

É o melhor plugin de galeria WordPress que permite criar galerias de imagens totalmente responsivas e modernas para o seu site.

A Galeria Envira também é super rápida e possui um construtor de arrastar e soltar, modelos de galeria profissionais e muitos recursos, incluindo adição de tags, áudio, compartilhamento social e efeito lightbox.

Primeiro, você precisa instalar e ativar o plugin Envira Gallery. Para obter instruções detalhadas, consulte nosso guia passo a passo sobre como instalar um plugin do WordPress.

Observação: a Galeria Envira também possui um plano gratuito que você pode usar neste tutorial. No entanto, atualizar para o plano pago lhe dará acesso a mais recursos.

Após a ativação, visite a página Galeria Envira »Configurações na barra lateral de administração do WordPress para inserir a chave de licença.

Você pode obter essas informações em sua conta no site da Galeria Envira.

Add the Envira Gallery license key

Depois disso, você precisa visitar a página Galeria Envira »Adicionar novo no painel do WordPress para começar a criar sua própria galeria.

A partir daqui, digite um título para a galeria de imagens e clique no botão ‘Selecionar arquivos do seu computador’ para fazer upload das imagens.

Ou, se desejar adicionar imagens da biblioteca de mídia à sua galeria, clique no botão ‘Selecionar arquivos de outras fontes’. Isso iniciará a biblioteca de mídia de onde você pode fazer upload de imagens da galeria.

Lembre-se de que você só pode fazer upload de uma imagem da biblioteca de mídia por vez.

Add images to the gallery

Depois de fazer isso, role para baixo até a seção ‘Atualmente na sua galeria’, onde você verá uma prévia da sua galeria à direita com as configurações na coluna da esquerda.

Agora, clique no ícone de lápis na parte superior de cada imagem para abrir o prompt ‘Editar metadados’ na tela.

Click the pencil icon to open the Edit Metadata screen

A partir daqui, você pode adicionar legenda, status, título e texto alternativo para imagens individuais.

Depois disso, não se esqueça de clicar no botão ‘Salvar metadados’ para armazenar suas configurações.

Configure image metadata

Em seguida, mude para a aba ‘Configuração’ na coluna da esquerda para alterar o layout da sua galeria de acordo com sua preferência.

A partir daqui, você pode selecionar um layout, número de colunas, tamanho da imagem, dimensões, temas e muito mais.

Para obter instruções detalhadas, consulte nosso guia para iniciantes sobre como criar uma galeria de imagens no WordPress.

Configure gallery layout

Depois de configurar o layout da galeria, mude para a guia 'Lightbox' na coluna da esquerda e marque a opção 'Ativar Lightbox?' opção.

Depois disso, selecione um tema lightbox no menu suspenso ‘Tema Lightbox da galeria’. Se você escolher a opção ‘Legado’, o prompt do efeito lightbox terá um layout mais antigo.

Ao escolher a opção 'Base (Escuro)', o prompt do lightbox terá uma base escura como layout.

Enable the lightbox option

Em seguida, você deve selecionar se deseja exibir o título da imagem ou sua legenda no prompt do lightbox. Você também pode exibir ambos ou nenhum deles, se desejar.

Depois de fazer isso, escolha o tamanho da imagem da mesa de luz no menu suspenso.

Configure image title and size for the gallery

Depois disso, marque a opção ‘Ativar setas da galeria’. O prompt do lightbox agora mostrará duas setas que os visualizadores podem usar para alternar para imagens diferentes em sua galeria.

Você também pode definir outras configurações para sua mesa de luz, incluindo efeito de transição, efeito abrir/fechar, ativar superdimensionamento da mesa de luz e muito mais.

Quando terminar, não se esqueça de clicar no botão ‘Publicar’ na parte superior para armazenar suas alterações.

Configure other lightbox options in Envira Gallery

Para adicionar sua galeria de imagens a uma página/postagem do WordPress, abra a página no editor de bloco.

Aqui, você precisa clicar no botão adicionar bloco ‘+’ no canto superior esquerdo da tela para abrir o menu de bloqueio. Em seguida, adicione o bloco Envira Gallery à página/postagem.

Add the Envira Gallery block

Depois disso, selecione a galeria de imagens que você acabou de criar no menu suspenso do próprio bloco. Por fim, clique no botão ‘Atualizar’ ou ‘Publicar’ para armazenar suas configurações.

Agora, você pode visitar seu blog WordPress para ver a galeria de imagens e clicar em qualquer imagem para ver o efeito lightbox.

Lightbox effect gif

Alternativa: use a Galeria NextGen para criar portfólios de imagens e galerias no WordPress

A Galeria Envira é a melhor opção para adicionar imagens lightbox ao seu site WordPress. Alternativamente, você pode usar a Galeria NextGEN para criar galerias e portfólios totalmente responsivos e visualmente agradáveis ​​em seu site WordPress.

A Galeria NextGEN é a melhor alternativa à Galeria Envira porque oferece suporte a uma ampla variedade de tipos de galeria, possui recursos relacionados ao comércio eletrônico e permite adicionar marcas d’água, lightboxes, comentários de imagens e muito mais.

Além disso, a Galeria NextGEN permite aceitar pagamentos online via Stripe ou PayPal, facilitando a venda de suas imagens online.

NextGen Gallery

É um plugin de galeria avançado com recursos para fotógrafos profissionais, designers gráficos e artistas visuais, tornando-o um dos melhores plugins de portfólio WordPress do mercado.

Para obter instruções detalhadas, você pode conferir nosso tutorial sobre como adicionar um portfólio ao seu site WordPress.

Esperamos que este artigo tenha ajudado você a aprender como adicionar facilmente uma galeria WordPress com efeito lightbox. Você também pode querer ver nosso guia para iniciantes sobre como fazer edição básica de imagens no WordPress e nossas escolhas de especialistas sobre as melhores ferramentas para criar imagens melhores para suas postagens no blog.

Se você gostou deste artigo, inscreva-se em nosso canal no YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.