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 dothe_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: [caption id="attachment_931" align="alignnone" width="570"] Como redimensionar imagens na home index.php do WordPress[/caption] 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/