Démarrer votre site WordPress en quelques minutes

Image mise en avant (featured image)

L’image mise à l’avant (également appelée thumbnail ou featured image) est une fonctionnalité de thème WordPress qui permet aux développeurs de thèmes d’ajouter l’utilisation d’une image par les articles, les pages ou par d’autres publications personnalisées.

Les auteurs de thèmes peuvent ajouter une image mise à l’avant dans leurs thèmes en ajoutant un simple extrait de code dans le fichier functions.php. Ils peuvent également configurer la gestion des téléchargements d’images par WordPress. Ils peuvent choisir la taille des vignettes, leur style, en plus d’activer et de désactiver l’affichage des images mises à l’avant.

Par exemple, de nombreux thèmes de photographie WordPress utilisent des images mises à l’avant dans leur visuel de page. Un autre exemple d’utilisation de cette fonctionnalité se trouve sur les sites Web d’actualités et de divertissement utilisant WordPress, qui utilisent des images miniatures avec chaque article sur leur page d’accueil. Une raison qui a motivé le changement de nom de « thumbnail » à « featured image » est que le premier ne décrivait pas complètement le caractère personnalisable de cette image.

Les utilisateurs peuvent télécharger ce type d’images en cliquant sur le lien « Définir l’image en avant » dans l’écran d’édition d’un article. Les auteurs de thèmes peuvent également définir une image par défaut à afficher lorsqu’aucune image n’est trouvée.

Si vous ne trouvez pas le lien « Définir l’image mise à l’avant », assurez-vous qu’il est activé dans les options de l’écran, en haut à droite du panneau d’administration. Il se peut que vous deviez également ajouter ce code dans le fichier functions.php de votre thème pour afficher l’outil d’image à la une :

function mytheme_post_thumbnails() {
    add_theme_support( 'post-thumbnails' );
}
add_action( 'after_setup_theme', 'mytheme_post_thumbnails' );

Dans le code de votre thème, ajouter cette ligne pour afficher la featured image :

<?php the_post_thumbnail(); ?>

Référez-vous au codex de WordPress pour voir les possibilités de personnalisation de cette fonction.