Torne a mídia WordPress compatível com dispositivos móveis usando o plug-in Lightbox responsivo

Quer você tenha um blog, uma empresa ou uma loja online , as imagens em seu site desempenham um papel vital para tornar o conteúdo mais envolvente. Há alguns anos, a navegação na Internet por meio de dispositivos móveis aumentou em comparação com os dispositivos de desktop. Considerando o crescimento do uso de dispositivos móveis, todos os sites devem ser responsivos e as imagens devem ser exibidas na perfeição.

Se você possui um site WordPress ou uma loja de e-commerce usando WooCommerce, use o plugin WordPress Lightbox que tornará suas imagens, vídeos e widgets responsivos para que os visitantes móveis não tenham dificuldade em visualizar o conteúdo.

O que é o Lightbox responsivo do WordPress?

O Responsive Lightbox by dFactory permite que os usuários configurem versões maiores de imagens e galerias em um efeito de sobreposição de lightbox que são otimizados para dispositivos móveis. O plugin principal está disponível gratuitamente e vem com todos os recursos necessários para começar. E quando você quiser ir além, você pode acessar a funcionalidade avançada emparelhando-o com seus add-ons premium.

O plugin Responsive Lightbox permite escolher um dos sete scripts lightbox e adicioná-los a galerias de imagens, links de imagens, vídeos, widgets e comentários. Além disso, o plug-in é compatível com WooCommerce, o que significa que você pode adicionar scripts de Lightbox responsivo às galerias de produtos.

Recursos de caixa de luz responsiva

Lightbox responsivo é um plug-in rico em recursos que vem com uma ampla gama de funcionalidades poderosas assim que sai da caixa. Vamos dar uma olhada mais de perto em seus recursos de destaque.

1. Várias caixas de luz

O plugin Responsive Lightbox permite configurar múltiplas lightboxes incluindo SwipeBox, prettyPhoto, FancyBox, Nivo Lightbox, Image Lightbox, TosRUs (controles deslizantes otimizados para toque “R” Us) e Featherlight. Cada script de lightbox traz algo novo para a mesa.

Por exemplo, se você quiser que sua imagem se ilumine, tenha uma borda definida e escureça o fundo, então você pode selecionar o script PrettyPhoto lightbox .

Por outro lado, se você estiver procurando por algo um pouco mais simples, onde sua imagem aparece e projeta uma sobreposição sobre o fundo, você pode selecionar o script Nivo Lightbox .

2. Lightbox para imagens

Depois de instalar o plug-in Lightbox responsivo em seu site WordPress, você pode começar a adicionar lightboxes aos links de imagem. Na verdade, o plugin também permite que você defina as configurações para adicionar automaticamente sua lightbox selecionada a todas as imagens que você publicou em seu site e todas as imagens futuras que você irá adicionar a ele.

Além disso, você também pode optar por exibir o título, a legenda, o texto alternativo e a descrição da imagem como título. O título da imagem aparecerá junto com a imagem quando o usuário a abrir em uma mesa de luz. No entanto, se você preferir não ter nenhum título de imagem, poderá removê-lo também.

3. Lightbox para galerias

Semelhante aos links de imagens, o Lightbox responsivo também permite adicionar scripts de lightbox às galerias de imagens. Em vez de adicionar o script lightbox a cada item da galeria, o plug-in permite adicioná-lo a toda a galeria . Sempre que você criar uma galeria em sua Biblioteca de mídia e publicá-la em seu site, a galeria será aberta no script lightbox que você selecionou.

O plugin permite que você configure o tamanho da imagem da galeria (miniatura, médio, grande e tamanho completo) e use os metadados de cada item da galeria como seu título .

4. Lightbox para vídeos

Se você tem vários vídeos publicados em seu site, pode torná-los ainda melhores adicionando um script lightbox a eles. Lightbox responsivo permite que você adicione scripts de lightbox automaticamente aos seus vídeos, enquanto você tem a certeza de que o tráfego de seu celular poderá visualizá-los em seus dispositivos rapidamente.

O plug-in permite adicionar scripts de lightbox aos vídeos do YouTube e Vimeo direto da caixa, apenas habilitando sua opção na tela de configurações.

5. Opções de configuração

Lightbox responsivo tem toneladas de opções de configuração que permitem que você personalize totalmente como seu lightbox aparecerá no front-end. Como mencionamos acima, você pode escolher um dos sete scripts lightbox com o plugin principal gratuito. Além disso, você também pode optar por adicionar lightboxes ao seu conteúdo de widgets e comentários .

E se você for tecnicamente consciente, também pode configurar o plugin para habilitar o acionamento de scripts lightbox em eventos jQuery personalizados. A melhor parte é que o plugin foi desenvolvido para garantir que os tempos de carregamento da página do seu site não sejam afetados negativamente . Nesse sentido, os desenvolvedores adicionaram um recurso interessante que carrega apenas os scripts e estilos de lightbox quando o usuário acessa uma página que contém uma imagem, galeria ou vídeo.

Extensão da caixa de luz responsiva

O plugin Responsive Lightbox vem com uma série de extensões premium que você pode instalar para obter acesso a funcionalidades avançadas.

• Lightcase Lightbox dá acesso a telas personalizáveis ​​e toneladas de efeitos de transição.
• O Photo Swipe Lightbox permite melhorar a experiência de navegação em sites móveis.
• Light Gallery Lightbox suporta lightboxes em tela inteira e vem com mais de 20 animações integradas.
• O Fancybox Pro oferece uma caixa de luz móvel e habilitada para toque.
• O Strip Lightbox faz com que suas fotos deslizem na borda da tela.
• Galeria justificada permite que você crie grades de fotos dinâmicas de imagens.
• A Galeria de imagens de alvenaria facilita a conversão de sua galeria em um conjunto de fotos do tipo Pinterest / Tumblr.
• A Galeria Slider transforma sua galeria em um controle deslizante responsivo.
• Expander Gallery oferece uma galeria em grade inspirada nas Imagens do Google.
• Galeria oculta inicia a galeria com a sobreposição de lightbox quando um usuário clica em um link ou imagem.

O pacote Photo & Art vem com todas as dez extensões premium Responsive Lightbox, que custam menos do que os plug-ins individuais.

Bem documentado e apoiado

O plugin Responsive Lightbox vem com documentação detalhada para os desenvolvedores. Sua documentação cobre quase tudo, incluindo a instalação do plug-in e extensões, uma descrição das configurações gerais e uma análise aprofundada das diferentes caixas de luz.

Se você é um desenvolvedor WordPress e deseja se aprofundar na personalização do Lightbox Responsivo para o seu site, você pode aproveitar a seção de uso do manual de documentação para aprender mais sobre isso.

Além disso, os desenvolvedores também oferecem uma página de solução de problemas abrangente que explica as possíveis razões para encontrar um problema específico e o que você pode fazer para resolvê-lo - completo com trechos de código!

No que diz respeito ao suporte para Responsive Lightbox, os desenvolvedores da dFactory oferecem suporte por meio de seu site oficial e da página de plug-ins no diretório de plug-ins do WordPress. Você também pode assistir a um tutorial em vídeo para ajudá-lo a começar.

Se você está procurando uma solução de lightbox completa para o seu site WordPress, vale a pena tentar o Responsive Lightbox.

Este plugin principal está disponível gratuitamente para download e, sempre que desejar obter acesso a funcionalidades avançadas, você pode instalar qualquer uma de suas dez extensões premium. Incentivamos você a instalar o Lightbox responsivo, testá-lo por conta própria e compartilhar sua experiência na seção de comentários abaixo.