Comment ajouter des images mises en avant ou des miniatures de publication dans WordPress

Comment ajouter une image à la une ou une vignette de publication dans WordPress est essentiel pour tout blogueur, développeur ou créateur de contenu. Les images à la une rendent vos publications visuellement attrayantes et jouent un rôle clé pour engager vos lecteurs, améliorer le référencement et améliorer les aperçus sur les réseaux sociaux. Que vous dirigiez un blog, un site de portfolio ou une boutique en ligne, une image à la une bien placée peut considérablement booster l'impact de votre contenu.

Dans cet article, vous apprendrez comment activer et ajouter des images en vedette dans WordPress en utilisant le code et les paramètres du thème. Nous vous guiderons également à travers l'ajout d'images via l'éditeur classique et Elementor afin que vous puissiez choisir la meilleure méthode pour votre flux de travail.

Pourquoi utiliser des images en vedette dans les articles ?

Les images mises en avant sont cruciales pour rendre vos publications WordPress plus engageantes et professionnelles. Elles servent de repères visuels qui aident à capter l'attention des lecteurs, améliorent l'esthétique globale de votre blog ou site web et créent une cohérence dans votre contenu. En plus d'améliorer l'attrait visuel, les plateformes de médias sociaux utilisent souvent les images mises en avant lorsque votre contenu est partagé, donnant à vos publications une présence plus forte et augmentant les taux de clics.

En raison de leur impact, la gestion de vos fichiers multimédias, en particulier lorsque votre site se développe, est tout aussi importante que leur ajout. Une médiathèque encombrée peut ralentir votre flux de travail et rendre difficile la recherche ou la réutilisation d'images de manière efficace.

C'est pourquoi des outils comme WP Media Folder sont hautement recommandés. Avec des fonctionnalités telles que des dossiers illimités, des filtres de recherche avancés et une intégration transparente avec les plateformes cloud, WP Media Folder vous aide à rester organisé et rend la gestion de vos images mises en avant et d'autres médias sans effort.

Comment activer les images à la une dans votre thème WordPress

Tous les thèmes WordPress n'affichent pas automatiquement ou n'activent pas la fonctionnalité d'image vedette. Si vous ne voyez pas cette option lors de la création d'un article, il est possible que votre thème n'ait pas activé la prise en charge de cette fonctionnalité. Ne vous inquiétez pas, vous pouvez l'activer de deux manières, en utilisant du code personnalisé (sans toucher directement aux fichiers du thème) ou via les paramètres par défaut du thème que vous utilisez.

Utilisation de code personnalisé

Si vous êtes familier avec WordPress et que vous souhaitez activer manuellement la fonctionnalité d'image en vedette sans modifier directement le fichier functions.php, vous pouvez utiliser un plugin WordPress comme WP Code. Ce plugin simplifie l'ajout de code sans risquer d'endommager votre site en raison d'erreurs de frappe.

Pour ce faire, commencez par installer l'extension WPCode depuis le menu Extensions > Ajouter nouveau. Ensuite, recherchez « WPCode » et cliquez sur Installer, puis Activer.

Une fois l'extension activée, ouvrez le menu Extraits de code et sélectionnez + Ajouter un extrait.

Sélectionnez l'option "Ajouter votre code personnalisé (Nouvel extrait)".

Ensuite, entrez le code suivant dans la colonne « Aperçu du code », sélectionnez PHP dans le type de code, puis cliquez sur Enregistrer l'extrait.

Lorsque vous ouvrez l'éditeur de publication, l'ajout d'une image mise en avant apparaît dans la barre latérale.

Si vous souhaitez afficher l'image en vedette dans l'affichage de l'article, ajoutez ce code au fichier de thème approprié à l'intérieur de la boucle, tel que single.php ou content.php.

<?php the_post_thumbnail(); ?> 

Vous pouvez également ajouter ceci pour ajuster la taille de l'image.

set_post_thumbnail_size( 300, 200 ); 

Ou créez des tailles personnalisées telles que.

add_image_size( 'custom-size', 590, 180 ); 

Enfin, appelez avec le code suivant.

<?php the_post_thumbnail( 'custom-size' ); ?> 

Utilisation des paramètres de thème

Si vous ne voulez pas vous embêter avec le code, de nombreux thèmes WordPress modernes fournissent déjà des paramètres pour activer et définir des images en vedette directement depuis le Customizer. Pour ce faire, allez dans Apparence > Personnaliser. Puis sélectionnez Type de publication > Blog / Archive.

Puis, sous Structures de publication > Éléments de publication, vous trouverez le menu Image mise en avant. Pour l'activer, cliquez simplement sur l'icône de l'œil comme indiqué dans l'image suivante. Vous pouvez également ajuster le ratio, l'effet de survol et la taille.

Ajouter des images mises en avant dans WordPress via Gutengberg (Éditeur de blocs)

L'ajout d'une image vedette dans WordPress à l'aide de Gutenberg (Éditeur de blocs) est facile et pratique, surtout depuis que son interface est moderne et intuitive. Avec Gutenberg, vous pouvez définir l'image vedette directement depuis la barre latérale de l'éditeur sans installer de plugins supplémentaires. Cette fonctionnalité convient aux débutants et aux utilisateurs expérimentés qui souhaitent personnaliser rapidement l'apparence visuelle de leurs articles.

Après cela, sélectionnez l'image à définir comme image mise en avant, entrez le texte ALT et cliquez sur Définir l'image mise en avant.

Ajouter des images à la une dans WordPress via Elementor

Si vous utilisez Elementor pour créer des pages ou des articles, vous pouvez toujours ajouter des images vedettes facilement. Bien que le processus soit légèrement différent de l'éditeur WordPress par défaut, Elementor fournit des options pour afficher les images vedettes de manière dynamique dans votre disposition de conception. Tout d'abord, ouvrez l'article et cliquez sur Modifier avec Elementor.

Après cela, cliquez sur l'icône Paramètres en haut au centre. Sur le côté gauche se trouve un menu Image à la une, cliquez sur Choisir une image.

Ensuite, l'affichage des médias apparaîtra. Sélectionnez l'image, entrez le texte alternatif, et enfin cliquez sur Sélectionner.

Conclusion

L'ajout d'une image vedette peut fournir une valeur visuelle importante pour attirer l'attention des lecteurs, renforcer l'identité du contenu et améliorer l'apparence lors du partage sur les réseaux sociaux. En plus de rendre la page plus attrayante, cette fonctionnalité prend également en charge le SEO et rend votre site Web WordPress plus professionnel.

Cependant, garder la médiathèque organisée et efficace est également important à mesure que le nombre d'images téléchargées augmente. Vous pouvez utiliser WP Media Folder, une solution de gestion de médias WordPress avec des fonctionnalités exceptionnelles telles que des dossiers illimités, une recherche avancée et une intégration cloud. Essayez-le maintenant pour gérer vos images mises en avant plus rapidement, plus efficacement et sans stress !