Lightbox fácil na galeria de imagens do WordPress

Lightbox, para quem não conhece, é uma aplicação JavaScript baseada na biblioteca jQuery que faz aquele efeito especial em galerias de imagens: quando uma miniatura é clicada, a página escurece, e a imagem em tamanho real aparece em destaque. Ela é uma dentre muitas do gênero (Lightview, FancyZoom, etc.), e tal qual essas outras, pode ser aplicada no WordPress.

Existem vários plugins que aplicam tais efeitos na galeria padrão do WordPress. De todos que já cheguei a testar, o mais fácil de instalar é o jQuery Lightbox for Native Galleries. A instalação? Descompacte a pasta do plugin dentro da /wp-content/plugin/, ative-o no painel administrativo do WordPress, e corra para o abraço!

O resultado é o mesmo que pode ser conferido na página-exemplo acima linkada. Só lembrando que, como o recurso de galerias de imagens só foi implementado a partir da versão 2.5 do WordPress, o plugin, conseqüentemente, só funciona desta versão em diante.

Como criar uma galeria de imagens

Umas das novas características do WordPress 2.5 é a possibilidade de inserir uma galeria de imagens. Quando se adiciona várias imagens no momento em que se cria um post ou uma página, todas estas imagens ficam associadas a este post ou página. Para exibi-las todas de uma só vez basta adicionar o código

.

Você pode notar esta associação ao acessar o Manage Media na administração do seu WordPress e perceber que existe uma coluna chamada Appears With informando a qual post a imagem está relacionada.

Manage Media

Pesquisando um pouco mais sobre este recurso, descobri que existem vários parâmetros que podem ser configurados junto com cada galeria. Vamos conhecer alguns deles:

  • Columns: configura o números de colunas que a galeria terá, seu valor default é 3. Exemplo: .
  • ID: especifica o ID do post, seu valor default é o ID do próprio post onde foram adicionadas as imagens, mas você pode exibir as imagens inseridas em outro post. Exemplo: .
  • Size: configura o tamanho da imagem que será exibido. O valor padrão é “thumbnail” e o valores possível são (o próprio) “thumbnail”, “medium” ou “full”. Exemplo: .

Mais informações em Using the gallery shortcode.

Correção para erro no upload de imagens (WordPress 2.5)

Se você instalou o WordPress 2.5, e ao tentar enviar uma imagem através da nova ferramenta de uploads, se deparou com um erro “HTTP error”, bem como outra dizendo “An error occurred in the upload. Please try again later”, não se desespere. Aqui está a solução para o problema!

Erro no envio de imagens, WordPress 2.5.

A solução é simples. Acesse seu blog via FTP (recomendo o FileZilla), e baixe o arquivo .htaccess. Se não conseguir vê-lo, certifique-se de que a visualização de arquivos ocultos está habilitada. No FileZilla, clique no menu Servidor, e marque a opção Force showing hidden files.

Abra-o no Bloco de Notas, e acrescente as linhas abaixo no começo do arquivo:

SecFilterEngine Off

SecFilterScanPOST Off

Salve, e envie novamente para o servidor.

Pronto, problema resolvido!

[Via Hongkiat]

Combinação perfeita para manipular imagens no blog

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.