• Passer à la navigation principale
  • Passer au contenu principal
  • Passer à la barre latérale principale

Wpcours

  • WORDPRESS
  • TUTORIELS
  • PLUGINS
  • WP-SEO
  • THEMES
  • Blogger
Accueil / Tutoriels / Ajouter une Image mise en avant (featured image) sous le titre de vos article

Ajouter une Image mise en avant (featured image) sous le titre de vos article

Màj le 22 octobre 2023

ShareTweetPinLinkedInEmail

Découvrez comment ajouter des images mise en avant (featured image) sous le titre de vos article pour les thèmes enfants Genesis.  Les images sont très importantes pour améliorer l’apparence de vos publications. L’ajout d’images dans vos articles donne un aspect esthétiques à votre site. WordPress CMS a une fonctionnalité populaire nommée Image mise en avant (Post Thumbnail) .

Si vous utilisez l’option « image mise en avant » de Wordpress (c’est à dire vous choisissez l’image à mettre en avant), notre script va choisir cette image pour l’afficher sous le titre de votre article. Si vous n’incluez pas d’image en surbrillance, la première image de votre publication sera affichée .

Ajouter une Image mise en avant (featured image) sous le titre de vos article

Ajouter une Image mise en avant (featured image) sous le titre de vos article

Dans cet article, je vais vous donner des lignes de code PHP que vous pouvez essentiellement coller à la fin du fichier functions.php de votre thème.

Affichage de l’image en vedette après le titre dans Genesis :
Pour afficher l’image sélectionnée après le titre, collez le code suivant :


// Display featured image below title on the single post in Genesis
add_action( 'genesis_entry_header', 'single_post_featured_image', 15 );

function single_post_featured_image() {

if ( ! is_singular( 'post' ) )
return;

$img = genesis_get_image( array( 'format' => 'html', 'size' => genesis_get_option( 'full' ), 'attr' => array( 'class' => 'post-image' ) ) );
printf( '<a href="%s" title="%s">%s</a>', get_permalink(), the_title_attribute( 'echo=0' ), $img );

}

Voila, vous pouvez maintenant voir les modification apportées à votre site.

Vous aimerez également...

  • Comment corriger l’erreur «Failed To Load Resource» dans WordPress
  • Comment diviser un article en plusieurs pages sur Blogger
  • Ajouter un formulaire d’inscription FeedBurner sous vos articles
  • Comment personnaliser la taille des blocs d’annonces responsive Adsense
  • Comment cacher votre page de connexion WordPress (modifier le lien de connexion)
  • Lier votre nom de domaine à votre site sur blogger
ShareTweetPinLinkedInEmail

Classé sous :Tutoriels

Interactions du lecteur

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Barre latérale principale

Articles récents

  • Comment corriger l’échec de publication : impossible de mettre à jour la base de données dans WordPress ?
  • Comment migrer un site web vers HTTPS sans perdre en SEO ?
  • Indexer ou pas les pages de catégories et de balises?
  • Comment réparer le problème de déconnexion WiFi sous Windows 10 ?
  • Comment afficher la barre supérieure dans le thème GeneratePress gratuit ?

© 2025 ·wpcours.com · Mentions · Contact