Como adicionar thumbnails em seu blog usando Custom Fields

Adicione thumbnails de imagens em seus posts utilizando os Custom Fields do WordPress, é fácil e o resultado é fantástico.

Os Custom Fields fazem parte da lista dos grandes diferenciais que o WordPress tem a frente dos outros CMS’s disponíveis no mercado, é usando eles que vários themes fazem coisas fantásticas no layout ou na navegabilidade e começar a usá-los em seu próprio blog só depende de você.

Adicionar thumbnails (ou preview) das imagens dos seus posts na página principal ou de pesquisa do seu blog é algo realmente muito útil, pois além de dar ao usuário um resumo mais rico daquele artigo, torna a experiência visual do seu visitante muito mais agradável.

Para adicionar esta funcionalidade ao seu template, siga os passos:

Adicionar Thumbnail a seus Posts

1 – Para isto funcionar, você precisa ter acesso suficiente para fazer upload de imagens ao seu blog, confirme isto com o seu hosting. Após confirmado, envie o thumbnail para alguma pasta dentro do seu hosting, ex: /imagens/.

2 – Inicie a criação de um novo post e desça até o final da página até chegar na opção Custom Fields (ou Campos Personalizados). Clique na seta para expandir esta opção.

3 – No campo key, digite: image_thumb e no campo value, digite o caminho (url) para a imagem que você enviou ao seu hosting no passo 1. Exemplo: http://www.seublog.com.br/imagens/post.gif

4 – Crie o post normalmente, adicione o título, o conteúdo em sí, marque a categoria e nunca esqueça das tags.

5 – Abra o index.php do seu theme, ele estará na pasta /wp-content/themes/seutheme. Procure pela linha:

1. <?php the_content(‘Read the rest of this entry &raquo;’); ?>
   

6 – Adicione a linha a seguir acima (antes) da linha encontrada no passo 5.

1. <a href=“<?php the_permalink() ?>” title=“<?php the_title(); ?>”>
2. <img src=“<?php $values = get_post_custom_values(“image_thumb“); echo $values[0]; ?>” alt=“<?php the_title(); ?>” />
3. </a>

E pronto! O resultado será algo parecido com:

Thumbnails no WordPress

Viu como é fácil?

Conte-nos seu resultado! Um grande abraço e até a próxima!