Categorias
Programação Wordpress

Achar e exibir a imagem de destaque dos artigos no WordPress

Este é um artigo muito muito simples, vou mostrar uma maneira prática de adicionar a imagem de destaque que foi mencionada na página do artigo…

Atendendo a alguns pedidos que nos foram feitos vamos ver como pedidos vamos então ver como. Eis uma breve explicação do código que usaremos:

Como queremos que ter algo pratico e bem simples vamos recorrer ao “wp_get_attachment_image_src ()“, esse recurso acha a url o endereço da imagem de destaque de cada artigo, utilizamos o “get_post_thumbnail_id( $post->ID )” para indicar o ID dinâmico em cada artigo dentro do loop, por fim estou usando o “medium” que é o tamanho que queremos a imagem, esse valor é padrão do WordPress, fica em “OPÇÕES > Media”, ai podemos colocar do tamanho que precisarmos. Também é gerado o valor em pixels da largura e altura da imagem.

Vejamos agora o código para adicionar imagem de destaque:

<php if (has_post_thumbnail( $post->ID ) ): ?>
<php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' ); ?>
<img src="<?php echo $image[0]; ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" />
<php endif; ?>

//$image[0]; retorna a url
//$image[1]; retorna a largura em pixels
//$image[2]; retorna a altura em pixels

Então abrimos os arquivos onde queremos usar a imagem de destaque e adicionamos o esse bloco de código onde quisermos que a imagem apareça, contanto que seja dentro do loop! O loop do artigo é qualquer área entre:

<?php while (have_posts()) : the_post(); ?>
// código do loop
<?php endwhile; ?>

Assim usando este código passa a ser possível usar a imagem destaque em qualquer parte do nosso site/blogue…

E você conhecia esta técnica? Conhece ou usa outra? Comente!

Um abraço e até já!



Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *