Recentemente adicionei um novo recurso no meu site, o Informeishion, para exibir pequenas miniaturas ao lado dos meus textos, no entanto, o código que eu utilizava dependia do Custom Fields para exibir as imagens, o que tornava a experiência desagradável.

Então, consegui um código diferente que, depois de adicionado no index.php, fazia todos os outros passos automaticamente, porém e infelizmente não existia uma maneira correta de customizar o tamanho das imagens a serem exibidas; logo, esse também não valia pra nada. Minutos depois, com a ajuda do Cadu que descobriu um plugin especifico para isso, consegui colocar as imagens do jeito que queria e com o tamanho que eu queria.

Thumbnail nos posts

No final das contas o resultado foi o da imagem aí em cima. Agora, sem muita perda de tempo, vamos aos passos para ter esse desejável recurso:

  1. Baixe o plugin Get the Image aqui;
  2. Descompacte-o e mande-o para o FTP (wp-content/plugins);
  3. Ative o mesmo na página de administração dos plugins e, finalmente, vamos ao código de inserção no index.php:

[php]
<img src="<?php $values = get_post_custom_values("vthumb"); echo $values[0]; ?>" />
[/php]

Recomendo que vocês adicionem o atalho acima antes da tag content, pois só assim a thumbnail ficará perfeitamente alinhada ao seu texto e em baixo do título do post.

Como somente adicionar o código não resolveria muita coisa, pois a thumbnail ficaria ajustada, mas não ao lado do texto, eu mesmo fiz uma grande gambiarra de códigos com meus míseros conhecimentos (2 anos de PHP, CSS e HTML ), que se resume as seguintes linhas:

[html]
<span style="padding:3px;margin:5px;float:left;border:1px solid #ccc;padding:3px;width:80px;height:80px;"><?php if ( function_exists( ‘get_the_image’ ) ) get_the_image(); ?></span>
[/html]

Vejam que o código de aplicar a função de mostrar a thumbnail já está inserido e antes disso vem minhas gambiarras. Recitando o que eu disse há pouco: Recomendo que vocês coloquem o código acima antes da tag content, ou entry. Pronto? não, ainda sim tem mais uma coisa que você deve fazer, só que dessa vez dentro de um código do plugin, para que as imagens sejam exibidas na dimensão que você desejar.

Para tanto, você terá de abrir a pasta que baixou do plugin e em seguida executar o arquivo get-the-image.php no Bloco de Notas, ou Notepad… Feito isso, vá até a linha 59 e no lugar de false marque true; o mesmo procedimento deve ser feito na linha 60. Agora, navegue até a linha 236 e no lugar desse código “$width = ‘ width=”‘ . $width . ‘”‘;” coloque esse “$width = ‘ width=”80″‘;“. Agora (novamente), vá até a linha 238 e troque esse código “$height = ‘ height=”‘ . $height . ‘”‘;” por esse “$height = ‘ height=”80″‘;“.

Veja que não precisa ser 80, você pode colocar 100, 200, 500 ou quanto mais desejar. Lembrando que o número que você coloca entre as aspas é automaticamente reconhecido como 80px, ou qualquer número que você colocar, por tanto, não é necessário colocar px após o número. Depois disso é só reenviar o get-the-image.php para dentro da pasta plugin no FTP, aceitar a substituíção de arquivos e conferir os resultados na página inicial do seu blog/site.

Enfim, quem descobriu como deixar personalizável o tamanho das imagens e o plugin foi o Cadu, do Winnext, valeu ae!