Comment ajouter des images en vedette ou des miniatures d'articles dans WordPress
Ajouter une image à la une ou une miniature d'article dans WordPress est essentiel pour tout blogueur, développeur ou créateur de contenu. Les images à la une rendent vos articles visuellement attrayants et jouent un rôle clé dans l'engagement de vos lecteurs, l'amélioration du référencement et la visibilité sur les réseaux sociaux. Que vous gériez un blog, un 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 à activer et ajouter des images à la une dans WordPress grâce au code et aux paramètres du thème. Nous vous expliquerons également comment ajouter des images via l'éditeur classique et Elementor afin que vous puissiez choisir la méthode la plus adaptée à votre flux de travail.
Table des matières
Pourquoi utiliser des images en vedette dans les publications ?
Les images mises en avant sont essentielles pour rendre vos articles WordPress plus attrayants et professionnels. Elles constituent des repères visuels qui captent l'attention des lecteurs, améliorent l'esthétique générale de votre blog ou site web et assurent la cohérence de votre contenu. Outre leur attrait visuel, les réseaux sociaux utilisent souvent des images mises en avant lors du partage de votre contenu, renforçant ainsi la visibilité de vos articles et augmentant le taux de clics.
En raison de leur impact, la gestion de vos fichiers multimédias, surtout 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 efficace des images.
C'est pourquoi des outils comme WP Media Folder sont fortement recommandés. Avec des fonctionnalités telles qu'un nombre illimité de dossiers, des filtres de recherche avancés et une intégration transparente avec les plateformes cloud, WP Media Folder vous aide à rester organisé et simplifie la gestion de vos images et autres médias.
Dites adieu à la médiathèque désordonnée.
WP Media Folder vous permet de catégoriser les fichiers, de synchroniser les dossiers avec le stockage en nuage, de créer des galeries étonnantes et même de remplacer des images sans rompre les liens.
Optimisez votre flux de travail multimédia dès aujourd'hui
Comment activer les images en vedette dans votre thème WordPress
Tous les thèmes WordPress n'affichent pas automatiquement, ni n'activent, la fonctionnalité d'image à la une. Si vous ne voyez pas cette option lors de la création d'un article, il est possible que votre thème ne prenne pas en charge cette fonctionnalité. Pas d'inquiétude, vous pouvez l'activer de deux manières : via un 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 du code personnalisé
Si vous connaissez WordPress et souhaitez activer manuellement la fonctionnalité d'image à la une sans modifier directement le fichier functions.php, vous pouvez utiliser une extension WordPress comme WP Code. Cette extension simplifie l'ajout de code sans risquer d'endommager votre site à cause d'erreurs de frappe.
Pour ce faire, commencez par installer le plugin WPCode depuis le menu « Plugins > Ajouter ». Recherchez ensuite « WPCode » et cliquez sur « Installer », puis sur « Activer » .
Une fois le plugin actif, ouvrez le menu Extraits de code et sélectionnez + Ajouter un extrait.
Sélectionnez l' « Ajouter votre code personnalisé (nouvel extrait) » .
Ensuite, entrez le code suivant dans la colonne « Aperçu du code », sélectionnez Extrait PHP dans Type de code et cliquez sur Enregistrer l'extrait.
Lorsque vous ouvrez l'éditeur de publication, l'ajout d'une image sélectionnée apparaît dans la barre latérale.
Si vous souhaitez afficher l'image sélectionnée dans l'affichage de la publication, 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.
définir_taille_miniature_de_la_publication( 300, 200 );
Ou créez des tailles personnalisées telles que.
add_image_size( 'taille personnalisée', 590, 180 );
Enfin, appelez avec le code suivant.
<?php the_post_thumbnail( 'custom-size' ); ?>
Utilisation des paramètres du thème
Si vous ne souhaitez pas vous embêter avec le code, de nombreux thèmes WordPress modernes proposent déjà des paramètres permettant d'activer et de définir les images mises en avant directement depuis l'outil de personnalisation. Pour cela, accédez à Apparence > Personnaliser. Sélectionnez ensuite de publication > Blog / Archives.
Ensuite, sous Structures de publication > Éléments de publication, vous trouverez le menu Image à la une. Pour l'activer, cliquez simplement sur l'icône en forme d'œil, comme illustré ci-dessous. Vous pouvez également ajuster le ratio, l'effet de survol et la taille.
Ajouter des images en vedette dans WordPress via Gutengberg (éditeur de blocs)
Ajouter une image à la une dans WordPress avec Gutenberg (Éditeur de blocs) est simple et pratique, notamment grâce à son interface moderne et intuitive. Avec Gutenberg, vous pouvez définir l'image à la une directement depuis la barre latérale de l'éditeur, sans installer de plugin supplémentaire. Cette fonctionnalité convient aux débutants comme aux utilisateurs expérimentés qui souhaitent personnaliser rapidement l'apparence de leurs publications.
Après cela, sélectionnez l’image à mettre en avant, entrez le texte ALT et cliquez sur Définir l’image en avant.
Ajouter des images en vedette dans WordPress via Elementor
Si vous utilisez Elementor pour créer des pages ou des articles, vous pouvez facilement ajouter des images à la une. Bien que le processus soit légèrement différent de celui de l'éditeur WordPress par défaut, Elementor propose des options pour afficher dynamiquement les images à la une dans votre mise en page. Ouvrez d'abord l'article et cliquez sur « Modifier avec Elementor ».
Cliquez ensuite sur l'icône Paramètres en haut au centre. À gauche se trouve le menu « Image sélectionnée ». Cliquez sur « Choisir une image ».
L'écran multimédia apparaîtra alors. Sélectionnez l'image, saisissez le texte alternatif, puis cliquez sur « Sélectionner » .
Appel à tous les webmasters !
Gagnez du temps et augmentez votre productivité avec WP Media Folder . Organisez sans effort les fichiers multimédias des clients, créez des galeries personnalisées et offrez une expérience utilisateur transparente.
Mettez à niveau vos projets de site Web maintenant !
Conclusion
L'ajout d'une image de présentation peut apporter une valeur visuelle importante pour attirer l'attention des lecteurs, renforcer l'identité du contenu et améliorer l'apparence lors des partages sur les réseaux sociaux. En plus d'embellir la page, cette fonctionnalité favorise le référencement et donne à votre site WordPress une allure plus professionnelle.
Cependant, maintenir une 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 dotée de fonctionnalités exceptionnelles telles que des dossiers illimités, une recherche avancée et une intégration cloud. Essayez-la dès maintenant pour gérer vos images mises en avant plus rapidement, plus efficacement et en toute sérénité !
Lorsque vous vous abonnez au blog, nous vous enverrons un e-mail lorsqu'il y aura de nouvelles mises à jour sur le site afin que vous ne les manquiez pas.

commentaires