Se você é daqueles que gosta de colocar imagens em seus artigos, então o uso de thumbnails é, sem dúvida, essencial. Os thumbnails de postagens ou imagens em destaque foram uma das grandes implementações que o WordPress sofreu nos últimos anos, dando origem a milhares de templates para magazines e outros formatos que até então eram escassos. Basicamente um thumbnail é uma imagem que carrega juntamente com seu artigo, e que depois aparece lado-a-lado com esse mesmo artigo no template do seu site.

No entanto, caso além de uma imagem desse tipo você queira colocar uma imagem também dentro do próprio artigo, ocupando a largura completa da sua área de posts, isso também é possível de fazer usando funções do próprio WordPress.

Funções do template

Abra o arquivo functions.php do seu template e acrescente nele o seguinte código:

// post thumbnail support
    if ( function_exists( 'add_image_size' ) ) add_theme_support( 'post-thumbnails' );
 
    if ( function_exists( 'add_image_size' ) ) {
    add_image_size( 'post-thumb', 630, 270 );
    add_image_size( 'home-thumb', 200, 270, true );
}

O que este código faz é adicionar o suporte a thumbnails de artigos e ao mesmo tempo notificar o WordPress para criar dois thumbnails com medidas difentes. A variável “post-thumb” tem 630px de largura por 270px de altura e a variável “home-thumb” tem 200px por 270px – você pode mudar o nome das variáveis e as dimensões dos formatos para os que mais desejar.

Se desejar pode ainda adicionar mais formatos e variáveis. A variável final “home-thumb” inclui um “true” para dizer ao WordPress para cortar essa imagem e guardá-la em separado da outra.

Colocar as imagens no seu template

Para colocar a imagem mais pequena na homepage do seu template, abra o seu arquivo index.php e entre o ciclo de postagens coloque o seguinte:

<?php if ( has_post_thumbnail()) the_post_thumbnail('home-thumb'); ?>

E para colocar a imagem maior dentro dos seus artigos, abra o seu arquivo single.php e entre o ciclo de artigos coloque o seguinte:

<?php if ( has_post_thumbnail()) the_post_thumbnail('post-thumb'); ?>

Carregar as imagens

Depois adicionar o código anterior ao seu arquivo functions.php você irá ver uma nova opção do lado direito do seu menu de postagens, chamado “Featured Image”. Se clicar, poderá depois seleccionar a opção “Set Featured Image” para carregar uma imagem que ficará em destaque na homepage do seu site.

Assim que você tenha carregado a imagem, basta clicar em “Set as featured image” e ela irá aparecer deste jeito:

Pronto! Obviamente que este truque pode ser usado de diversas formas, use para ilustrar suas postagens de forma mais atrativa. Este método é mais rápido do que os tradicionais, uma vez que o próprio WordPress trata de cortar as imagens de acordo com as medidas que você pede.

Até Já!