PROJET AUTOBLOG


Tiger-222

Archivé

Site original : Tiger-222

⇐ retour index

WordPress : comment afficher une image différente suivant la page demandée ?

mercredi 18 décembre 2013 à 15:15
Pour ce faire, il faut d'abord sélectionner une Image à la Une (Set Featured Image en anglais) pour la page souhaitée, puis éditer le fichier du thème actuel qui gère l'entête des pages.

Exemple avec le thème Nimble : le fichier à modifier est top_info.php (l'éditeur de fichiers se trouve dans Apparence > Éditeur). Placer le code suivant juste avant la fermeture de l'avant-dernière div :
if ( has_post_thumbnail() ) {
$img = wp_get_attachment_image_src( get_post_thumbnail_id( get_the_ID() ), 'full' );
printf( '<img src="https://tiger-222.fr/%s" alt="%s" width="%d" height="%d" style="%s"/>',
$img[0], get_the_title(), $img[1], $img[2],
'width:auto; max-width:100%;' );
unset($img);
}
Ce code vérifie la présence d'une image associée à la page et récupère un tableau ($img) contenant le lien direct ainsi que les dimensions.

Comme ceci, vous aurez le titre de la page, suivi d'un éventuel sous-titre, puis de l'image en taille originale. En bonus, l'image est responsive ☺