Como redimensionar imagens na home index.php do WordPress

wordpress redimensionar imagens
wordpress redimensionar imagens

O script vai buscar a primeira imagem do artigo e corta-a automaticamente.

1- Criar o timthumb

O timthumb é um script que muitos themes do wordpress utilizam, ele é gratuito e podem busca-lo aqui. Basta copiar o código e criar o arquivo timthumb e coloca-lo na pasta do template.

2- Editar o arquivo functions

A maior parte dos templates contém este arquivo, se o template não tiver esse arquivo functions crie um com um seguinte código:

<?php
// retreives image from the post
function getImage($num) {
global $more;
$more = 1;
$content = get_the_content();
$count = substr_count($content, '<img');
$start = 0;
for($i=1;$i<=$count;$i++) {
$imgBeg = strpos($content, '<img', $start);
$post = substr($content, $imgBeg);
$imgEnd = strpos($post, '>');
$postOutput = substr($post, 0, $imgEnd+1);
$image[$i] = $postOutput;
$start=$imgEnd+1;  

$cleanF = strpos($image[$num],'src="')+5;
$cleanB = strpos($image[$num],'"',$cleanF)-$cleanF;
$imgThumb = substr($image[$num],$cleanF,$cleanB);

}
if(stristr($image[$num],'<img')) { echo $imgThumb; }
$more = 0;
}
//retreive image ends
?>

3- Código do thumbnail

Agora vamos inserir o código no template, para aparecer o thumbnail, poderá ser no arquivo index, no archive, depende do tmeplate, deverá estar dentro do loop que vai buscar o conteúdo, antes do the_content(); por exemplo.

<div> <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"> <img src="<?php bloginfo('template_directory'); ?> / timt humb . php ? src = <?php getImage('1'); ?>&w=150&h=150&zc=1"> </a> </div>

4- Adicionar o CSS

Para terminar, basta adicionar algum código CSS para dar estilo aos thumbnails.

.thumbnail a:link, .thumbnail a:visited {display:block; float:left; padding:5px; background:#e2e2e2; width:150px; height:150px; margin:5px 5px 0 0;}
.thumbnail a:hover, .thumbnail a:active {background:#C4C4C4;}

O efeito será mais ou menos este abaixo:

Como redimensionar imagens na home index.php do WordPress
Como redimensionar imagens na home index.php do WordPress

Fonte: maistrafego, wptotal

As imagens aparecem duplicadas na home, como resolver?

Atualizado dia 18 de Julho de 2012

Eu tive esse problema, segui todos os passos do tutorial acima, porém as imagens apareciam duplicadas. A solução que encontrei para isso foi utilizar um script que elimina todas as imagens da página home, veja: http://www.fabiobmed.com.br/retirar-imagens-da-home-do-wordpress/