pBlog

Personalize seu blog Wordpress

Assinar Feed
1682 assinantes

Combinação perfeita para manipular imagens no blog

Postado dia 19 Oct, 2007 por Érico Oliveira | Categoria Customização, Plugins
Tags: , , , , ,
Adicionar este post no Linkk e/ou Del.icio.us.

Atualmente utilizo dois plugins para gerenciar imagens aqui no pBlog, um deles é o Flexible Upload e o outro é o Lightbox JS. Com esta dupla ativada meu trabalho diminuiu bastante para inserir imagens no blog.

O Flexible Upload permite redimensionar o thumbnail e a imagem original no momento do upload, como você pode ver na imagem abaixo.
Flexible Upload

E o Lightbox JS é um efeito que permite, ao clicar em um thumbnail, exibir a imagem em seu tamanho original na mesma página. Clique na imagem acima e você verá do que estou falando.

O mais legal é que você não precisará configurar nada (além de fazer o upload dos plugins e ativá-los) para que tudo isto funcione. O Flexible Upload já vem configurado por default utilizar o Lightbox JS para exibir as imagens ao clicar no thumbnail. Recomendo a todos a instalação destes plugins, realmente muito úteis.

28 Comentários

Inscreva-se nos comentários.

  1. Túlio, 19 de October de 2007:

    Muito bom, excelente!

    Não ter que ficar redimensionando ou tendo que adicionar os links, abrir na mesma janela, em uma nova janela.

    Obrigado. ;)

  2. Anizio Carlos da Silva, 19 de October de 2007:

    Érico,
    realmente a combinação destes plugins é excelente, já havia testado.

    Porém o lightbox consume muitos recursos do servidor; passe a usar o Shutter Reloaded, que é bem mais leve, só que ele não funciona em conjunto com o Flexible Upload, tem que editar no código fonte :(

    Um abraço!

  3. Felipe Fernandes, 19 de October de 2007:

    Nunca testei o Flexible, mas gostei muito de sua função!

    Mas como o Anizio falou acima, o lightbox consome muita banda de tráfego do servidor só por aquele efeito de escurecer a tela e do movimento que se adapta a imagem. Por isso costumo usar o Thumbnail Viewer [ http://www.longren.org ]. Que é muito parecido! =)

  4. Rael B. Riolino, 20 de October de 2007:

    O Flexible Uploads é sensacional….

    Ele ainda tem opção para colocar marca dágua nas imagens, porém ainda nao suporta png 24bits - que daria um resultado bem melhor… mas nao tenho duvida que nas proximas atualizações, este recurso será implantado.

  5. Érico Oliveira, 20 de October de 2007:

    De fato o Lightbox consome bem mais recursos do servidor, porém sua integração com o Flexible Upload gera um enorme ganho de produtividade. Tentarei integrá-lo com o Shutter Reloaded e/ou Thumbnail Viewer, se tiver sucesso disponibilizarei aqui no pBlog. Abraços e obrigado pelas dicas.

  6. Anizio Carlos da Silva, 20 de October de 2007:

    Também pensei em editar o plugin, e se tiver tempo e sucesso, compartilharei - isso é o bom do Wordpress e de toda a ‘filosofia’ por trás do software livre.

  7. VDIAS, 21 de October de 2007:

    No meu blog uso o Shutter-Reloaded, é bem mais leve e funcional…

  8. Jonny, 22 de October de 2007:

    Eu começei a usar o Lightbox,porem c/ esse zun zun zun que consome banda do servidor,eu desabilitei ele por aqui,vou ver esses que estão indicando pra ver como são,boa dica vlw.

  9. Lucien, 23 de October de 2007:

    O Lightbox é muito bom, já usei o script para fazer galerias de fotos em meus trabalhos.
    Por exemplo, http://www.pg.cefetpr.br/utfest/galeria.php

    Já o Flexible Upload eu não conhecia, vou instalar e tomara que resolva meus problemas de redimensionamento de imagens.

    Abraços.

  10. Fernando Derkoski, 25 de October de 2007:

    Instalei o Flexible Upload, ativei e configurei, mas não apareceu a tela acima em lugar nenhum.

  11. Érico Oliveira, 25 de October de 2007:

    Fernando,
    Eu também demorei um pouco para descobrir onde estavam as opções do Flexible Upload. Mas para visualizá-las basta selecionar o arquivo no momento do upload e as opções aparecerão ao lado, como no screenshot.
    Abraços.

  12. Fernando Derkoski, 25 de October de 2007:

    Vlw Érico.

    Abraços.

  13. Mateus, 6 de November de 2007:

    Há uma versão mais leve do LightBox JS. É o SlimBox.

    Aqui tem o plugin pro Wordpress: http://www.4mj.it/slimbox-wordpress-plugin/

  14. Anizio Carlos da Silva, 23 de November de 2007:

    Oi Érico, vi que você está usando o SHUTTER agora… editou ou código dele?

  15. Anizio Carlos da Silva, 23 de November de 2007:

    “editou O código dele?” :P

  16. Érico Oliveira, 24 de November de 2007:

    Olá Anizio, acabei esquecendo de comentar como resolvi a compatibilização do Flexible Upload com o Shutter Reloaded. Foi bem mais simples do que eu imaginava, nas opções do Flexible Upload eu desabilitei a opção “Link plugin” e nas configurações do Shutter eu ativei a opção “Shutter on all image links”. Moleza! :)

  17. marry, 9 de December de 2007:

    como faço pra baixar o programa word press?
    responda-me por favor.

  18. Érico Oliveira, 10 de December de 2007:
  19. Renato, 3 de January de 2008:

    eu queria saber como eu faço para configurar o Flexible Upaload =D

  20. Renato, 4 de January de 2008:

    Bom.. aqui deu tudo certinho… só gostaria de tirar uma pequena duvida:
    http://kylexybr.teen.mus.br/

    no meu blog, na primeira imagem, quando clica nela e ela fica maior, aparece uma marca d’agua automaticamente, eu gostaria de saber como tirar

  21. Érico Oliveira, 10 de January de 2008:

    Olá Renato,

    Acesse a administração do seu blog e clique em Options/Flexible Upload, em seguida apague o conteúdo da caixa de formulário chamada Signature image (for watermark) e depois clique em Update Options.

  22. Octávio Augusto, 21 de February de 2008:

    Cara, muito bom o artigo. Salvou minha semana.
    O Lightbox sem o Flexible Upload fica complicado pra pessoas ‘normais’ usarem.

    Grande abraço e força!

    Merece até um click no anúncio do google hehe.

  23. Fernando Lopes, 22 de February de 2008:

    Érico. Esta foi uma ótima dica. Me ajudou muito. Valeu.

  24. Paulo Villela, 23 de February de 2008:

    Érico,
    Você acredita então que é mais interessante ter as imagens no próprio servidor, ao invés de utilizar o photobucket por exemplo?

  25. Érico Oliveira, 24 de February de 2008:

    No meu caso como tenho poucas imagens no blog eu prefiro utilizar o próprio servidor, assim tenho controle total das imagens.

  26. Paulo Villela, 24 de February de 2008:

    Valeu Érico!
    Apesar do photobucket ser útil, acho que vou passar a fazer upload para o servidor.

  27. D., 21 de April de 2008:

    Por que o ligthbox não funciona aqui num tema que eu fiz?
    Nos outros temas funcionam

Deixe um comentário

Faça um trackback

1 Trackbacks/Pingbacks

Clique para mostrar ou ocultar trackbacks.

  1. Trackback: Blog do Fernando on 28 de May de 2008