HOTPress.com.br

Muitos temas de Wordpress mostram na index um resumo do post juntamente com um thumbnail, e a tempos eu procuro um método mais fácil de fazer isso sem utilizar nenhum script externo ou mesmo “Custom Fields” para tal.

Vejo muitos temas por ai utilizando “Custom Fields” para colocar um thumb na index, mas isso é muito trabalhoso muitas vezes tendo que criar uma imagem separada só para o thumb. O método que eu vou explicar agora usa a primeira imagem que for anexada no post, ou seja o script pega a thumb criada pelo wordpress e coloca automaticamente onde você quiser.

O thumbnail já vem configurado como default nas configurações de Media, mas você pode configurá-lo como desejar.

Depois de ter configurado o tamanho do thumbnail, abra o index.php do seu tema e dentro do Loop do Wordpress coloque o seguinte código, que vai pegar o thumbnail da primeira imagem anexada no seu post.

<?php
//Pega as imagens anexadas desse post
$args = array(
	'post_type' => 'attachment',
	'post_mime_type' => 'image',
	'numberposts' => -1,
        'order' => 'ASC',
	'post_status' => null,
	'post_parent' => $post->ID
);
$attachments = get_posts($args);
if ($attachments) {
	foreach ($attachments as $attachment) {
		$img = wp_get_attachment_thumb_url( $attachment->ID );
                break;
        }
}
echo "<img src='$img' /?>";
//Mostrando a imagem by http://www.hotpress.com.br
?>

Explicando o Código

Primeiramente buscamos as imagens anexadas ao post, se existir alguma imagem, buscar o caminho para o thumbnail usando a função wp_get_attachment_thumb_url.
Agora você ja tem o caminho da imagem ($img), podendo puxar a sua thumbnail sem utilizar scripts ou mesmo “Custom Fields”, só usando a tag html <IMG>.

Leia Também

1. Configurando uma largura máxima para suas imagens dentro do post
2. Wordpress usando multiplos loops
3. Mostrar quantos comentários de usuários registrados tem seu Wordpress
4. Mostrando o número total de artigos do seu blog Wordpress
5. Colocando um login form no seu theme Wordpress