Miniatura do post do WordPress 2.9 – Post Thumbnails

Para quem já está usando a nova versão do WordPress 2.9 (ou superior), conta com muitas novidades, inclusive recursos nativos que facilitaram a customização dos temas e adicionando coisas bem interessantes. Entre essas novidades está o “Post Thumbnails” – Miniatura do post – que é a integração de uma imagem junto ao resumo do artigo. Veja nesse tutorial como ativar essa função no seu layout, mesmo layouts antigos e como usar esse recurso.

Vou começar reforçando a importância de se usar resumo de postagens na página principal do Blog e nas categorias para facilitar a navegação e conseguir maior atenção de seus visitantes.

• Quantidade e tamanho das Postagens na primeira página
• Criar resumos no WordPress: Resumo de Posts no WordPress – Link “Leia mais”

Agora é possível criar esses resumos junto com uma imagem em miniatura que ilustre o artigo que fica junto ao texto do resumo. Essa é uma aplicação nativa do novo WordPress 2.9 e superiores que veio com grandes novidades importantes, melhorando ainda mais a qualidade de quem tem um blog nessa plataforma. Mas lembrando que isso vale para quem usa hospedagem e domínios próprios, no WordPress.org.

Sobre esse “Post Thumbnails” nem todos os temas (themes) suportam esse recurso de forma nativa. Para saber se você pode usar automaticamente o recurso, basta você entrar no painel de serviços do WordPress e clicar no menu “Posts” ~> “Adicionar novo”. Role a página e procure pelo recurso na ultima coluna da direita, como ilustra a imagem:

Se isso não aparecer você vai precisa adicionar uma função ao seu layout, com uma linha simples de código. Vá ao menu “Aparência” ~> “Editor” e abra o arquivo “Funções do tema (functions.php)” e adicione o seguinte trecho de código na penúltima linha,

add_theme_support( ‘post-thumbnails’ );

como a imagem demonstra:

Então atualize o arquivo, clicando no botão “Atualizar arquivo”. Isso já vai ter ativado o recurso, e você poderá ver o painel que citei acima, no editor de posts. Mas esse recurso ainda não vai funcionar sozinho, pois é preciso dizer ao tema que é preciso ler essa função. De forma bem objetiva: vá ao “Editor” no menu aparência outra vez e clique em “Modelo da página principal (index.php)” [pode ser a “home.php”] e adicone à ultima linha:

<?php the_post_thumbnail(); ?>

Clique no botão “Atualizar arquivo” e isso já será suficiente para o básico.

São muitas as possibilidades de customizar esse recurso e você pode alterar até o tamanho das imagens de acordo com o local que vão aparecer. Se quiser saber mais detalhes, veja os seguintes tutoriais, que estão em inglês, mas são fáceis de entender, mas requer um pouco mais de conhecimento em HTML:

• How to Add Post Thumbnails in WordPress (básico)
• New in WordPress 2.9: Post Thumbnail Images (avançado)
• Sobre Loop para completar o avançado: The Loop