Efeito lightbox é um efeito muito utilizado em imagens e vídeos, o objetivo é abrir a imagem ampliada ou player centralizados na tela, de uma forma que se dê destaque e melhore a visualização do mesmo. Como exemplo, clique na imagem abaixo.

Muito prático e usual, recomendo todos os blogs usarem!

No WordPress é possível fazer o efeito acima usando apenas um plugin. Siga os passos abaixo, vou ensinar como instalar e configurar o básico da ferramenta.

Instalação do plugin no WordPress

1) Faça login no painel de administração do blog, entre em “Plugins” – > “Adicionar novo”. Procure por “Lightbox Plus ColorBox”. Instale e ative o plugin;

2) Para configurar a ferramenta, entre em “Aparência” -> “Lightbox Plus ColorBox”;

3) Em “Lightbox Plus ColorBox – Base Setting”, navegue na aba “Styles”, escolha o estilo da caixa;

4) Na aba “Advanced”, marque as caixas:

• Use page/post options
• Use for pag
• Use for posts/blog

Clique em “Save all settings” para salvar as configurações.

Com essas configurações, todas as imagens das postagens e páginas serão abertas com o efeito.

5) Em “Lightbox Plus ColorBox – Primary Lightbox Settings”, navegue na aba “General” e configure como quiser:

• Transition Type: Escolha o efeito ao abrir uma imagem
• Resize Speed: Velocidade do efeito
• Overlay Opacity: A porcentagem de transparência do fundo da imagem

6) Na aba “Size”, em “Maximum Widh” e “Maximum Height” coloque 90%, assim a imagem não vai ficar colada nas laterais do blog.

7) Na aba “Position”, marque a caixa “Fixed” para fixar a imagem no centro da página mesmo quando o usuário usar a barra de rolagem.

8) Na aba “Interface”, marque as caixas “Overlay Close” e “ESC Key Close”, assim o usuário pode usar o ESC do teclado ou clicar em qualquer canto para fechar a imagem ampliada.

Clique em “Save all settings” para salvar as configurações.

Pronto! Para aprofundar melhor no plugin, faça vários testes trabalhando com as configurações, ele é bem completo.

Blogger

Para usar esse efeito no Blogger, acesse o post:

• Blogger libera efeito lightbox nas postagens com opção de desativar