Thumbnail dos posts no Wordpress (Imagem Destacada)



Com este tutorial você irá aprender como ativar e personalizar as thumbnails no Wordpress. Mas o que é thumbnail? Uma thumbnail é a imagem que representa o post, seu uso se dá principalmente em templates do estilo portal.



Primeiramente você vai adicionar ao seu functions.php:
<?php
if ( function_exists( 'add_theme_support' ) ) :
add_theme_support( 'post-thumbnails' );
endif;
?>
Este código vai permitir que você configure uma thumbnail no momento em que você cria o seu post.
Já o próximo código você deve colocar na parte do template onde você quer que a thumbnail apareça. Lembre-se: deve ser dentro do loop de postagens.
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
<?php if(has_post_thumbnail()) {
the_post_thumbnail(array(WIDTH,HEIGHT), array( 'class' => 'CLASSE' ));
} else {echo '<img src="IMAGEM" class="CLASSE"/>';
}?></a>
Neste código, substitua WIDTH pela largura e HEIGHT pela altura da thumbnail. E substitua CLASS pelo nome da CLASS de personalização da thumbnail, se você não tiver uma, apague CLASS e deixe em branco (em branco mesmo, sem espaço, apenas nada). E substitua IMAGEM pela url da imagem que você quer que apareça caso não haja thumbnail.

0 comentários:

Postar um comentário