Comment lier automatiquement les images en vedette aux publications dans WordPress

Récemment, un de nos lecteurs a demandé s’il était possible de lier automatiquement les images sélectionnées aux articles de blog dans WordPress.

La plupart des thèmes WordPress associent par défaut les images présentées aux publications, mais certains thèmes peuvent ne pas le faire.

Dans cet article, nous allons vous montrer comment lier automatiquement les images sélectionnées aux publications dans WordPress.

Pourquoi lier les images en vedette aux articles dans WordPress ?

Étant donné que les images sont plus attrayantes que le texte, l’utilisation d’images sélectionnées peut contribuer à stimuler l’engagement des utilisateurs sur votre blog WordPress.

Habituellement, les images présentées sont volumineuses et occupent plus de place que le texte. Ils sont plus colorés, donc plus visibles. Il est également plus facile de cliquer sur eux sur des appareils plus petits comme les téléphones mobiles et les tablettes.

Cependant, si les miniatures de votre publication ne sont pas cliquables, il sera alors plus difficile pour les utilisateurs de visualiser votre publication.

La plupart des thèmes WordPress associent par défaut les images présentées aux publications.

Cependant, certains thèmes peuvent ne pas utiliser cette approche, ce qui rend difficile l'utilisation correcte des images présentées.

Cela dit, voyons comment vous pouvez automatiquement lier les images sélectionnées aux publications dans WordPress.

Lier automatiquement les images en vedette aux publications dans WordPress

Cette méthode vous oblige à ajouter du code à vos fichiers WordPress. Si vous ne l’avez jamais fait auparavant, consultez notre guide du débutant sur le collage d’extraits du Web dans WordPress.

Vous pouvez ajouter ce code au fichier function.php de votre thème. Mais une meilleure façon d’ajouter du code personnalisé dans WordPress consiste à utiliser un plugin d’extraits de code.

function wpb_autolink_featured_images( $html, $post_id, $post_image_id ) {
$html = '<a href="' . get_permalink( $post_id ) . '" title="' . esc_attr( get_the_title( $post_id ) ) . '">' . $html . '</a>';
return $html;
}
add_filter( 'post_thumbnail_html', 'wpb_autolink_featured_images', 10, 3 );

Ce code ajoute simplement un lien autour du code généré pour afficher les images en vedette ou publier des vignettes sur votre site Web.

Ce code ajoutera également un lien autour des images en vedette sur les pages de publication unique. Si vous ne souhaitez pas lier les images en vedette d’une seule publication à la même publication, utilisez ce code.

function wpb_autolink_featured_images( $html, $post_id, $post_image_id ) {

If (! is_singular()) { 

$html = '<a href="' . get_permalink( $post_id ) . '" title="' . esc_attr( get_the_title( $post_id ) ) . '">' . $html . '</a>';
return $html;

} else { 

return $html;

}

}
add_filter( 'post_thumbnail_html', 'wpb_autolink_featured_images', 10, 3 );

Nous vous recommandons d'utiliser WPCode pour ajouter du code personnalisé dans WordPress.

WPCode est le meilleur plugin d’extraits de code et il est utilisé par plus d’un million de sites Web. Il facilite l’ajout d’extraits de code dans WordPress sans avoir à modifier le fichier function.php de votre thème.

Tout d’abord, vous devez installer et activer le plugin gratuit WPCode. Si vous avez besoin d'aide, suivez notre tutoriel sur la façon d'installer un plugin WordPress pour obtenir des instructions étape par étape.

Une fois le plugin activé, il y aura un nouvel élément de menu intitulé « Extraits de code » dans votre barre d’administration WordPress.

En cliquant dessus, vous verrez une liste des extraits de code que vous avez enregistrés sur votre site. Puisque vous venez d'installer le plugin, votre liste sera vide.

Pour ajouter votre premier extrait de code dans WordPress, cliquez sur le bouton « Ajouter un nouveau ».

Ensuite, vous verrez la page Ajouter un extrait.

Accédez à l’option « Ajouter votre code personnalisé (nouvel extrait) » et cliquez sur le bouton « Utiliser l’extrait ».

Après cela, vous devez donner un nom à votre extrait de code. Cela peut être n'importe quoi pour vous aider à vous souvenir du but du code.

Ensuite, collez l'extrait que vous avez copié ci-dessus dans la zone « Aperçu du code ». N'oubliez pas de sélectionner « PHP Snippet » comme type de code dans la liste déroulante à droite.

Ensuite, faites défiler la page jusqu'à la section Insertion.

Vous pouvez le laisser sur la méthode « Auto Insert », afin qu’il insère et exécute automatiquement l’extrait de code au bon endroit.

Enfin, passez le commutateur de « Inactif » à « Actif ».

Ensuite, cliquez sur le bouton « Enregistrer l'extrait ».

C'est ça. Désormais, vos images en vedette seront automatiquement liées à vos publications.

Nous espérons que cet article vous a aidé à apprendre comment lier automatiquement les images sélectionnées aux publications dans WordPress. Vous voudrez peut-être également consulter notre guide sur la façon d’ajouter des légendes aux images présentées dans WordPress ou notre liste des meilleurs logiciels de conception de sites Web.

Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.