Criando uma imagem (thumbnail) para cada post [sem plugins]
Postado por Carlos em 07/01/08 às 5:57 pm e arquivado em Dicas e tutorias
Assim como no tutorial do Slide Show, também já perguntaram como eu faço para exibir um thumbnail para cada post no WordPress.
Bom, é muito fácil simples. Apenas siga os passos:
Crie um novo post normalmente escrevendo o contexto, título, marcando as categorias, etc. E assim como no tutorial anterior, nós vamos usar os custom fields.
Crie um novo custom field, preenchendo o campo "Key" com a palavra "thumb" e o campo "Value" com a url da imagem que será o thumbnail. Assim:
Em seguida, clique em "Add Custom Field" e para concluir publique o post.
Agora temos que adaptar o seu tema para que ele exiba o thumbnail na index do site. Para isso, basta edita-lo abrindo o arquivo index.php do tema e inserindo o seguinte código dentro do loop.
<img src="<?php echo get_post_meta($post->ID, thumb, TRUE) ?>" alt="<?php the_title();?>" align="left"/>
O que ele faz? Get_post_meta "puxa" a url da imagem que nós inserimos no campo "value" pelo custom field "thumb" que nós criamos a pouco.
Caso não saiba onde é o loop, ele vai estar mais ou menos assim na index do seu tema:
<?php while (have_posts()) : the_post(); // aqui começa o loop ?>
<?php the_content('Leia mais'); ?>
<?php endwhile; //aqui termina o loop ?>
Como a tag the_content sempre vai estar entre o loop, mesmo se você não o encontre, basta inserir o código perto dela. Assim:
<img src="<?php echo get_post_meta($post->ID, thumb, TRUE) ?>" alt="<?php the_title();?>" align="left"/>
<?php the_content('Leia mais'); ?>
Você também pode usar o seguinte código, que faz exatamente a mesma coisa, só que aponta o thumbnail para o link do post:
<a href="<?php the_permalink();?>"><img src="<?php echo get_post_meta($post->ID, thumb, TRUE) ?>" alt="<?php the_title();?>"/></a>
Pronto. Feito isso, salve o index.php do tema e todos os posts terão um thumbnail diferente!
Agora se quiser, personalize com css e edite á seu gosto.
Até e espero que tenham gostado! 
Posts relacionados
- Simple Blue Magazine
- Exibindo uma imagem para cada categoria
- Exibindo elementos para determinadas categorias
- Header Image Rotator: Adicione imagens randômicas ao header do seu blog!
- Criando CSS diferente para cada post.
Comentários - ( 5 )
Pablo Davi
Enviado em
25/03/08
Muito boa essa dica fiz e funcionou mesmo viva, mas existe alguma forma de fazer ou com plugin de colocar um campo para fazer upload de uma imagem e essa automaticamente ja ser colocada como imagem do post?
bkpgeral
Enviado em
10/06/08
Tenho a mesma dúvida que o Pablo aí em cima, pois preciso inserir posts via email e queria já linkar o endereço da imagem remota pra aparecer como thumb, sem precisar acessar cada vez o wp pra inserir o tal link.
Se alguém souber, por favor posta aki, blz?
FAQ para iniciantes em WordPress | Quinta Categoria
Enviado em
29/06/08
[...] Criando um thumbnail para cada post [...]
Populares
- Criando um Slide Show de imagens com o WordPress [SEM PLUGINS]
- FAQ para iniciantes
- 3 maneiras diferentes de customizar a função the_excerpt
- Criando uma imagem (thumbnail) para cada post [sem plugins]
- Explorando as Template Tags
MrWP » Free Themes
BB Clean Theme
Simple Blue Magazine