Mostrare descrizione e caption dell’immagine in evidenza in WordPress

Vuoi mostrare la descrizione dell’immagine in evidenza in WordPress? Ad esempio nella homepage?

Bene, tutto ciò che devi fare è usare questo codice:

[php]
<?php
echo ‘<div class="ri-featured-image">’;
the_post_thumbnail();
echo ‘<div class="ri-featured-image-description">’ . get_post(get_post_thumbnail_id())->post_content . ‘</div>’;
echo ‘</div>’;
?>

[/php]

Dove va incollato questo codice? Dipende da dove vuoi mostrare l’immagine con la descrizione. Per l’homepage solitamente il file è index.php, per l’articolo il file è single.php. Per capire meglio dove incollarlo, leggi questo articolo.

Scendendo nel “tecnico”, sfrutto la funzione get_post() per risalire alle informazioni dell’immagine (gli passo l’ID dell’immagine in evidenza). La descrizione delle immagini viene salvata come post-content, per cui vado a leggere questa informazione e la mostro in un div (ma puoi benissimo metterla in uno span) assegnandogli la classe “ri-featured-image-description“, così da poterne modificare la grafica tramite il file style.css.

La descrizione non ti basta? Ecco come mostrare la caption dell’immagine in evidenza:

[php]
<?php
echo ‘<div class="ri-featured-image">’;
the_post_thumbnail();
echo ‘<div class="ri-featured-image-caption">’ . get_post(get_post_thumbnail_id())->post_excerpt . ‘</div>’;
echo ‘</div>’;
?>
[/php]

Sempre usando get_post(), ottengo il testo contenuto nella caption, che viene salvato come post_excerpt.

Ovviamente puoi mostrare sia la descrizione che la caption!

[php]
<?php
echo ‘<div class="ri-featured-image">’;
the_post_thumbnail();
echo ‘<div class="ri-featured-image-description">’ . get_post(get_post_thumbnail_id())->post_content . ‘</div>’;
echo ‘<div class="ri-featured-image-caption">’ . get_post(get_post_thumbnail_id())->post_excerpt . ‘</div>’;
echo ‘</div>’;
?>
[/php]

E ora… buon divertimento!