Dominio: codigosblog.com.br
Chave: af255c39c6cbf2ba03ac5b531649215539d8d61a
Hora do cache: 1508676966
Vida do cache: 1508720166
Status: 1
Mensagem: Centive nao respondeu
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Blogs,
SEO e Monetização.

Hospedagem - 728 x 90

Plug-ins WordPress

Efeito lightbox nas imagens das postagens – WordPress

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.

plugin-wordpress

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;

lightbox configuração 1

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

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

lightbox configuração 2

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

lightbox configuração 3

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

lightbox configuração 4

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.

lightbox configuração 5

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.

lightbox configuração 6

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:



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

4 Comentários

  1. Guilherme disse:

    eu preciso colocar algum código na imagem? aparentemente não deu certo!!!

  2. Suellen disse:

    Muito obrigada pelas dicas de configuração do Plugin! Ajudou muito! Parabéns 🙂

  3. E ae Paulo. Estava procurando este efeito, valeu a dica brow!

    Abração!!!

  4. Ricardo disse:

    nota 1000, cara já passei dias e horas testando plugin desse tipo mas nunca consgui algo q valesse a pena, mas graças a esse artigo o meu site hoje esta em outro nível um plugin nota 1000 e um tutorial nota mil, estão de parabens,

Para enviar seu comentário, preencha os campos abaixo:

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.