Lightboxes são uma técnica JavaScript usada para exibir conteúdo em caixas. Tenho certeza que você já os viu usados
As caixas de luz também são usadas em outros tipos de sites. Por exemplo, muitas lojas online usam a técnica Lightbox para destacar imagens de produtos.
As caixas de luz são fáceis de usar para os visitantes navegarem pelo conteúdo. Com galerias de imagens básicas, como a Galeria WordPress incorporada ao WordPress, o usuário precisa clicar na imagem para ver a imagem inteira, clicar no botão Voltar para retornar à galeria e clicar na próxima imagem. As caixas de luz permitem que você navegue pelo conteúdo simplesmente clicando para a esquerda e para a direita na galeria.
Hoje eu gostaria de falar sobre um ótimo plugin de lightbox premium para WordPress chamado Foobox. O plugin permite que você use lightboxes para imagens, vídeos, HTML e muito mais.
Lindas caixas de luz responsivas
Foobox é um dos plugins de lightbox mais avançados do mercado. São muitos recursos úteis e um design responsivo que fica ótimo em desktops, tablets e telefones celulares. Os usuários também podem deslizar de um lado para o outro para navegar pelo seu conteúdo.
Cada imagem enviada recebe um URL exclusivo. Isso permite que os visitantes compartilhem suas imagens em serviços populares de mídia social, como Facebook e Twitter.
O plugin tem suporte nativo para a Galeria WordPress integrada. Ele também tem suporte para plugins WordPress populares Justified Image Grid , Jetpack e NextGEN Gallery .
Como observei anteriormente, o Foobox não lida apenas com imagens. O plugin também pode ser usado com vídeos e HTML. Por exemplo, você pode usá-lo para exibir vídeos do YouTube com mais destaque ou exibir sua caixa de inscrição no boletim informativo.
Também permite exibir conteúdo usando iframes. Você pode usar esse recurso para exibir um site completo dentro da área de lightbox, o que é útil se você não quiser que os visitantes saiam da página.
Para entender melhor o que o Foobox pode fazer, vamos dar uma olhada mais de perto na área de configurações do Foobox.
Configurando o Foobox
Sua licença do Foobox é necessária para obter atualizações automáticas de plugins e ativar a guia de suporte. O plug-in adere à Licença Pública Geral, portanto, a licença não é necessária para que o plug-in funcione.
A guia de configurações gerais lida com quais tipos de imagens são usadas com o Foobox. Ele pode ser ativado para galerias do WordPress, imagens de anexos e imagens com legendas. Você também pode habilitar o Foobox automaticamente para todos os tipos de imagens.
Duas skins estão incluídas no plugin: Rounded e Metro. Ele também vem com cinco esquemas de cores, doze conjuntos de ícones e onze ícones para carregamento.
Legendas não são algo que eu normalmente presto muita atenção; no entanto, o Foobox oferece muitas opções de personalização para legendas. Você pode escolher se as legendas serão exibidas em imagens, vídeos, HTML e iframes.
O título e a descrição da legenda também podem ser substituídos pelo título da âncora ou pelo título alternativo da imagem. Há também um recurso que pega o nome do arquivo de imagem e o converte em algo legível. Por exemplo, uma imagem carregada como “dia na praia-456” seria renomeada como “Dia na praia”.
A página de configurações de funções possui uma ampla variedade de opções, como ocultar barras de rolagem e botões de navegação. Você também pode desativar o URL exclusivo que o Foobox usa para imagens.
Outras opções incluem um botão de tela cheia, pré-carregamento de imagens para melhorar a velocidade de navegação, proteção de imagem, um contador de estatísticas e uma apresentação de slides.
Ícones de compartilhamento de mídia social podem ser exibidos em qualquer tipo de lightbox. Os ícones podem ser colocados acima ou abaixo da área de conteúdo. Eles também podem ser alinhados à esquerda, ao centro ou à direita.
Dez serviços de mídia social podem ser exibidos aos usuários. Você também pode exibir um link de e-mail e uma opção para baixar a imagem. Cada serviço de mídia social deve ser ativado para que o ícone social correspondente seja exibido.
Opções de configuração adicionais estão disponíveis para The Open Graph Protocol , Facebook e Twitter.
Depois de ativar as redes de mídia social escolhidas, a barra de compartilhamento será exibida em sua caixa de luz. Vai parecer algo assim:
Outras funções diversas são colocadas na guia avançada. Existe uma opção para integrar seu URL de afiliado do Foobox com o lightbox e ganhar algum dinheiro adicional.
Outras opções incluem desabilitar outras lightboxes, carregar arquivos Javascript no rodapé e habilitar o modo de depuração.
O Foobox também permite que você modifique suas lightboxes adicionando CSS e Javascript personalizados. Isso é principalmente para desenvolvedores que desejam estender a funcionalidade do Foobox.
Você não precisa alterar suas postagens e páginas para ver a aparência de suas caixas de luz. Depois de fazer alterações em suas configurações, como seu esquema de cores ou opções de compartilhamento de mídia social, basta pular para a guia de demonstração e ver como sua lightbox fica com uma variedade de imagens, vídeos e iframes.
Visão geral
Foobox é uma das melhores maneiras de exibir conteúdo em seu site usando lightboxes. O plug-in custa US$ 27 para uma licença pessoal, US$ 67 para uma licença multisite e US$ 97 para uma licença comercial.
É importante observar que o Foobox é um plugin que aprimora a funcionalidade da sua galeria atual, em vez de substituí-la. Portanto, faltam os recursos que você veria em plugins de galeria, como o Envira Gallery .
Com suporte para vídeos, HTML e iframes, o Foobox é um plugin versátil que pode ser usado de várias maneiras. Visite o site oficial do Foobox para saber mais sobre o plugin
Se você gostou deste artigo, eu o encorajo a se inscrever no WPExplorer para atualizações futuras via RSS , Facebook , Twitter ou Google+ . Você também pode receber atualizações diretamente na sua caixa de entrada gratuitamente, assinando nosso boletim informativo semanal.
Como sempre, se você tiver alguma dúvida sobre o plugin, deixe um comentário e farei o meu melhor para respondê-las.
Kevin
