Página Inicial > WordPress > WordPress 2.9: como usar as miniaturas automáticas

WordPress 2.9: como usar as miniaturas automáticas

A versão nova do WordPress chegou, e entre as novidades a principal é a das imagens (miniaturas) automáticas em posts, ou “post thumbnails”.

O que pode ser fonte de expectativa pra muita gente, também certamente vai ser fonte de decepção: o recurso de “post thumbnails” requer um tema preparado para eles, e não vai funcionar “fora da caixa” para qualquer tema instalado no site.

Entretanto, não é muito difícil de adaptar o seu tema para que o recurso das imagens de posts fiquem disponíveis.

O primeiro passo é habilitar no seu tema o suporte aos thumbnails, que é o que vai habilitar o painel de configuração da miniatura do seu post. Para fazer isso basta inserir em algum lugar do functions.php do tema o seguinte código:

<?php add_theme_support( 'post-thumbnails' ); ?>

Ao salvar esta alteração no functions.php, quando você entrar na página de edição de posts haverá um novo painel, como mostra a imagem abaixo.

Screen shot 2009-12-19 at 00.27.51

Para definir o thumbnail de cada post, basta clicar em Set Thumbnail e fazer o upload de uma imagem, ou escolher uma imagem das previamente enviadas para o blog, como você está acostumado a fazer para inserir uma ilustração no post. Só que em vez de clicar para inserir no post, você vai clicar na nova opção “set as thumbnail”.

Screen shot 2009-12-19 at 00.30.47

Na imagem acima você vê um post que já teve seu thumbnail definido.

Essa é a parte fácil. Agora vem a parte difícil, que é preparar o seu template para exibir o thumbnail correspondente a cada post.

Nota: pressupomos que você tenha conhecimento suficiente de PHP e de personalização de templates para fazer as modificações abaixo descritas. Não é nosso objetivo ensinar o básico do básico.

Na verdade, a função the_post_thumbnail() é quem faz todo o trabalho de encontrar, dimensionar e exibir as imagens de cada post, já com a tag IMG corretamente formatada.

Ela pode ter os seguintes formatos:

the_post_thumbnail("small");
the_post_thumbnail("medium");
the_post_thumbnail("large");
the_post_thumbnail(array($widht, $height));

Os strings small, medium e large acima vão fazer com que o WP exiba um thumbnail no tamanho padrão (que você configura nas opções do WP).

O quarto formato é o mais versátil de todos, do ponto de vista dos codificadores de temas para WordPress, porque permite que o designer defina tamanhos arbitrários exatos para as imagens, independentes das configurações do WordPress.

Caso você precise usar o HTML inteiro da imagem para algum outro fim, pode usar a forma abaixo.

<?php
$img = get_the_post_thumbnail(array(200,200));
?>

O código acima foi retirado do template do site Das Fútil, que usa uma versão Beta do WP 2.9, e com diversos tamanhos de post thumbnails na home page.

É só isso.

Há uma série de hooks para modificar o comportamento das imagens nos posts, mas quem sabe lidar com eles também saberá como encontrar a documentação necessária para utilizá-los no próprio WordPress.

Esperamos que com esta breve explicação mais gente possa usar o novo recurso de imagens de posts no WordPress 2.9, contribuindo com uma web mais bonita e mais simples de manter.

Posts relacionados

Janio Sarmento WordPress , , , , , , , , ,

  1. 1, janeiro, 2010 em 15:41 | #1
    Criei um tema para um dos meus blogs (www.mcelebridades.com) onde achei legal exibir uma descrição dos ultimos posts com um thumbnail ao lado. Na época essa função do WP não existia então criei um campo chave e fiz funcionar.

    O funcionamento é básicamente o mesmo, a diferença é que ao invés de fazer upload da imagem eu simplemente pego a URL de uma que já inseri no post e utilizo como valor do campo chave, depois chamo ele no tema.

    Quando fiquei sabendo que a versão 2.9 do wordpress ia trazer a função de thumbs automaticos imaginei que eles pegariam a primeira ou ultima imagem inserida no post, ter que configurar a imagem post por post é desgastante e já era possível fazer isso com os campos chaves.

    POr outro lado, acho que li em algum lugar sobre uma função que captura a ultima imagem da galeria do post, acho que assim é melhor para temas que vão utilizar thumbs.

    Responder

  2. 9, janeiro, 2010 em 21:41 | #2
    Pois no http://www.amostrasebrindes.com.br eu já utilizo as miniaturas da mesma forma que o Leo Baiano. Então para utilizar a nova função do WP eu precisarei corrigir todos os meus posts???

    Também já vi algum artigo sobre utilizar a última ou primeira imagem do post automáticamente como thumb… mas aí dificulta no dimensionamento.

    To procurando uma forma de inserir uma imagem no post criando uma miniatura automaticamente e utilizar na index a miniatura. Também já li isto mas não lembro onde e por enquanto estou procurando.

    Seu post está muito bem detalhado. Parabéns.

    Responder

  3. 11, janeiro, 2010 em 11:15 | #3
    José, tem um plugin que mostra posts relacionados com imagens, acho que o nome é linkwit (algo assim rsrsrs…), nunca usei mas acho que ele utiliza este recurso de pegar a ultima imagem do post, nunca vi problemas relacionados a redimensionamento, vai ver utiliza até uma função especial para redimensionar de forma proporcional, não seria difcil.

    Responder

  4. 5, fevereiro, 2010 em 23:53 | #4
    Bom dia a todos, tenho esse esquema no meu 2.9.1 mas não consigo fazer com que a imagem apareça no tamanho que está configurado no wordpress, parece que ignora as medidas… no meu template está assim…
    Original:

    Tentei todas essas formas
    1:
    2:
    3:
    caracas, o que será que tem que não chama o tamanho

    Responder

    Janio Sarmento respondeu em fevereiro 6th, 2010 8:54 am:

    Desculpe, mas você não pode postar códigos num comentário. Sugiro que use a imaginação e escreva a mesma coisa de maneira diferente. :-)

    Responder

  1. Nenhum trackback ainda.

Powered by WP Hashcash