fbpx

Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Como adicionar uma galeria no WordPress com um efeito Lightbox

Você está em:

Como adicionar uma galeria no WordPress com um efeito Lightbox

Como adicionar uma galeria no WordPress com um efeito lightbox é uma das perguntas mais quentes que recebemos ultimamente através do nosso formulário de contato, então decidimos cobri-lo. Muitos iniciantes não sabem que o WordPress possui um recurso de galeria integrado que pode ser usado em qualquer postagem ou página. Neste artigo, mostraremos como adicionar a galeria nativa em um post ou página do WordPress. Também mostraremos como instalar um plug-in que permitirá que seus usuários abram as imagens em tamanho real em uma caixa de luz que os impedirá de ir para uma página diferente.

Adicionando uma galeria do WordPress

Primeiro, abra uma postagem/página existente ou crie uma nova postagem . A próxima coisa que você precisa fazer é enviar um monte de imagens para este post. Clique no ícone Carregar mídia para carregar suas novas imagens da Galeria.

Carregar uma imagem

Depois de fazer o upload de todas as imagens, certifique-se de acessar a guia Galeria. Role para baixo até ver as Configurações da Galeria. Escolha seu esquema de ordenação e decida quantas colunas deseja que sua galeria tenha. nesta página. Uma boa regra geral é usar layouts de 3 em 3 colunas, layouts de 4 em 2 colunas e 6 em layouts de largura total, mas isso pode variar dependendo do tema que você possui. Depois de selecionar as configurações, clique em Inserir galeria.

Aba Galeria

Agora, você verá um novo ícone adicionado ao corpo do seu post que representa a galeria.

Ícone da Galeria

Basta clicar em Atualizar ou Publicar em sua postagem/página e a galeria será adicionada ao site ao vivo.

Adicionando Lightbox à Galeria Nativa do WordPress

Se você tentar clicar em qualquer uma das miniaturas em sua nova galeria, você notará que eles apenas abrem uma página de anexo separada em uma nova janela que não é muito amigável. Mas você também quer dar aos usuários a visualização das imagens em tamanho real, e é por isso que instalaremos um plugin simples chamado jQuery Lightbox For Native Galleries .

Primeiro, instale e ative o plug-in .

Em seguida, você precisa ir para Configurações » jQuery Lightbox . Selecione o tema que deseja usar para a janela do lightbox.

Configurações da caixa de luz do jQuery

Agora vá ao seu post e teste sua galeria. Deve estar funcionando bem.

Parabéns, você adicionou uma galeria com um lightbox ao seu post ou página do WordPress. A visualização final seria algo assim:

Visualização da Galeria do WordPress

Perguntas frequentes dos comentários

Binoy nos comentários perguntou se havia uma maneira de selecionar qual imagem aparece na galeria porque por padrão todas as imagens anexadas ao post são adicionadas. Leo teve a gentileza de compartilhar o plugin Multiple Galleries, que adiciona caixas de seleção ao lado das imagens que você enviou para uma galeria em uma postagem. A seleção de caixas de seleção incluirá essas imagens nessa galeria específica.

Uncategorized

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

Meu carrinho
🎁 Faltam R$300,00 para liberar o Cupom Secreto
Seu carrinho está vazio.

Parece que você não adicionou nada ao seu carrinho =(