Les images présentées, également appelées vignettes de publication, sont une fonctionnalité WordPress bien connue prise en charge par la plupart des thèmes.
Ils sont l’image principale de vos articles de blog et ils apparaissent souvent à côté du titre de votre page d’accueil et de vos réseaux sociaux. Tous les thèmes WordPress populaires sont livrés avec une prise en charge intégrée des images en vedette.
Dans cet article, nous allons vous montrer comment ajouter facilement des images en vedette ou publier des vignettes dans WordPress.
Guide du débutant sur les images en vedette dans WordPress
Les images présentées sont une fonctionnalité de thème WordPress. Presque tous les thèmes WordPress sont livrés avec une prise en charge intégrée des images en vedette et les affichent magnifiquement dans différentes zones de votre site Web WordPress.
En tant qu’humains, nous trouvons les éléments visuels plus attrayants que le texte brut. Les images en vedette vous aident à rendre les pages de votre blog plus attrayantes.
Ils vous aident également à renforcer l’engagement des utilisateurs et à augmenter le nombre de pages vues. Les moteurs de recherche et les sites Web de médias sociaux peuvent également utiliser ces images et les afficher dans les résultats de recherche et le fil d’actualité des médias sociaux.
La plupart des images en vedette sont utilisées pour les articles de blog, mais vous pouvez également définir des images en vedette pour les pages et les types d’articles personnalisés.
Noter: Les images présentées ne sont pas les mêmes que l’image de couverture. Voyez la différence entre l’image de couverture et l’image vedette dans WordPress.
Cela étant dit, voyons comment ajouter facilement des images en vedette dans WordPress.
Didacticiel vidéo
Si vous préférez des instructions écrites, continuez à lire.
Ajout d’une vignette de publication ou d’une image en vedette dans WordPress
Pour ajouter une image vedette dans un article WordPress, modifiez ou créez simplement un nouvel article de blog.
Dans l’éditeur de contenu, vous trouverez l’onglet image en vedette dans la colonne de droite.
Vous devez cliquer sur la zone « Définir l’image en vedette », et cela fera apparaître la fenêtre contextuelle du téléchargeur de médias WordPress.
À partir de là, vous pouvez télécharger une image depuis votre ordinateur ou utiliser une image existante de votre médiathèque. Une fois que vous avez sélectionné l’image, cliquez simplement sur le bouton Définir l’image en vedette.
WordPress affichera désormais un aperçu de l’image en vedette dans la colonne de droite. Cependant, l’image en vedette réelle serait différente en fonction de votre thème WordPress.
Vous pouvez maintenant enregistrer ou publier votre article et le prévisualiser pour voir comment l’image sélectionnée apparaîtra sur votre site Web en direct.
Selon les paramètres définis par votre développeur de thème, votre image vedette apparaîtra automatiquement avec vos publications.
Comment trouver et utiliser efficacement les images en vedette ?
Maintenant, la prochaine grande question que la plupart des débutants rencontrent est de savoir où trouver des images à utiliser comme images vedettes ?
Vous ne pouvez pas simplement utiliser la recherche d’images Google et utiliser n’importe quelle image provenant d’Internet. Ces images sont protégées par les lois sur le droit d’auteur et leur utilisation sans autorisation appropriée peut causer des problèmes juridiques.
Heureusement, il existe plusieurs ressources disponibles que vous pouvez utiliser pour trouver des images gratuites pour vos articles de blog.
Nos favoris sont :
- Shutterstock – Ils ont quelques images gratuites, mais la vraie valeur vient de leurs forfaits payants qui vous donnent accès à des tonnes de photos, illustrations, dessins, vidéos, etc. de haute qualité. C’est ce que nous utilisons pour le site Themelocal.
- Unsplash – Une ressource en ligne populaire publiant des images haute résolution que vous pouvez utiliser sur votre site Web et d’autres projets.
- Espace négatif – Une collection bien organisée d’images libres de droits.
- Nouveau stock ancien – Une collection de photographies d’époque provenant d’archives publiques.
Noter: Toutes ces sources fournissent des images à haute résolution, ce qui signifie qu’elles sont volumineuses en taille de fichier et en dimensions. Vous devrez optimiser les images pour le Web avant de les utiliser comme images vedettes.
Les images présentées sont gérées par votre thème WordPress. Afin de changer la façon dont votre thème affiche les images en vedette, vous aurez besoin de quelques compétences de base en codage CSS ou WordPress.
Si vous êtes à l’aise avec le codage, continuez à lire pour plus de conseils.
Guide des développeurs de thèmes pour les images en vedette et les vignettes de publication dans WordPress
L’image en vedette est une fonctionnalité populaire prise en charge par presque tous les thèmes WordPress. Dans de rares situations, vous pouvez rencontrer un thème qui ne prend pas en charge les images vedettes, ou vous pouvez ne pas aimer la façon dont ils gèrent les images vedettes.
Dans ce cas, vous pouvez ajouter la prise en charge des images en vedette à votre thème ou modifier son apparence.
Si vous êtes à l’aise pour éditer des fichiers de thème WordPress et que vous connaissez un peu de CSS personnalisé, vous pouvez le faire vous-même.
Si votre thème ne prend pas en charge les images en vedette, vous ne verrez pas l’option d’ajouter une image en vedette dans l’éditeur de contenu.
Pour ajouter la prise en charge des images vedettes dans un thème WordPress, vous devez ajouter cette ligne de code dans le fichier functions.php de votre thème :
add_theme_support( 'post-thumbnails' );
Ce code activera la prise en charge des images en vedette pour les articles et les pages. Vous pouvez maintenant accéder aux articles ou à l’éditeur de blocs de page, et vous verrez l’option d’image en vedette activée.
Cependant, lorsque vous définissez une image vedette, elle ne s’affichera pas automatiquement dans votre thème WordPress. Pour afficher les images vedettes dans votre thème, vous devez modifier vos modèles et ajouter cette ligne de code à l’endroit où vous souhaitez afficher l’image vedette :
<?php the_post_thumbnail(); ?>
Les fichiers dans lesquels vous ajoutez le code ci-dessus varient en fonction de votre thème. Vous voudrez ajouter le code à l’intérieur de votre boucle de publication.
En rapport: Consultez l’aide-mémoire sur la hiérarchie des thèmes WordPress pour mieux comprendre le fonctionnement des thèmes.
Le code ci-dessus est la fonction de base dont vous avez besoin pour ajouter la prise en charge des images en vedette et afficher les images en vedette dans votre thème. Pour définir la taille des images sélectionnées que vous téléchargez, vous devez ajouter cette ligne de code à votre functions.php
déposer.
set_post_thumbnail_size( 50, 50);
Les paramètres de set_post_thumbnail_size sont dans cet ordre : largeur, hauteur.
Vous pouvez également définir des tailles d’image supplémentaires à utiliser avec la fonction_post_thumbnail(). Par exemple:
// Image size for single posts add_image_size( 'single-post-thumbnail', 590, 180 );
Dans cet exemple, nous avons ajouté une nouvelle taille d’image appelée vignette unique avec 590px avec et 180px de hauteur.
Pour utiliser cette taille d’image dans notre thème, nous devrons toujours l’ajouter au fichier de thème approprié.
Consultez notre guide sur l’ajout de tailles d’image supplémentaires dans WordPress pour plus de détails.
Si vous avez déjà téléchargé des images en vedette, mais qu’elles apparaissent toujours dans une autre taille, vous devez régénérer les vignettes et les tailles d’image pour les publications plus anciennes.
Vous trouverez ci-dessous un exemple de la fonction d’image sélectionnée avec une taille d’image spécifique.
<?php the_post_thumbnail( 'single-post-thumbnail' ); ?>
Il s’agit de la version décomposée de la fonctionnalité complète. Il y a beaucoup d’autres choses que vous pouvez faire avec les images en vedette.
FAQ sur les images en vedette dans WordPress
En tant que débutant, vous pouvez rencontrer des questions ou des problèmes lors de l’utilisation d’images en vedette sur votre blog. Voici quelques-unes des questions les plus fréquemment posées sur les images présentées.
1. Pourquoi l’image vedette apparaît deux fois sur mes publications ?
Parfois, le débutant ajoute une image en vedette, puis ajoute la même image dans la partie contenu de l’éditeur de publication.
Tout ce que vous avez à faire est de supprimer l’image de la zone de contenu et d’utiliser uniquement la métabox de l’image en vedette pour ajouter l’image en vedette. Pour en savoir plus sur ce sujet, consultez notre article sur la façon de corriger l’image vedette apparaissant deux fois dans WordPress.
2. Quelle est la différence entre l’image de couverture et l’image vedette ?
Les images de couverture sont utilisées dans la zone de contenu de vos articles ou pages. Ils sont normalement utilisés pour séparer les différentes sections d’une longue page ou d’un article.
L’image vedette est l’image représentative d’un article. Il apparaît avant ou à côté du contenu, mais pas à l’intérieur de l’article lui-même.
Pour en savoir plus sur ce sujet, consultez notre guide sur la différence entre l’image de couverture et l’image vedette dans WordPress.
3. Comment afficher les images en vedette à côté des articles de blog récents ?
L’éditeur de blocs WordPress est livré avec un bloc « Derniers articles » qui vous permet d’afficher les articles récents avec des vignettes d’articles.
Vous pouvez également afficher les publications récentes avec des vignettes dans les widgets de la barre latérale en utilisant Messages récents Widget étendu brancher. Pour plus de détails, consultez notre article sur la façon d’afficher les publications récentes dans WordPress.
4. Comment rappeler aux auteurs d’ajouter une image en vedette dans WordPress ?
Les images en vedette sont affichées en évidence sur votre page d’accueil, votre page de blog et d’autres pages d’archives.
Si vous ou un autre auteur de votre blog avez oublié d’en définir un et publié le message, il apparaîtra sans image en vedette. Cela semblera mauvais et incohérent, ce qui n’est pas bon pour l’expérience utilisateur.
Vous pouvez installer et activer le Exiger l’image en vedette plugin, qui affichera une notification lorsque quelqu’un essaiera de publier un article sans image en vedette.
Pour plus de détails, consultez notre article sur la façon d’exiger des images en vedette dans WordPress.
Nous espérons que cet article vous a aidé à apprendre comment ajouter des images en vedette ou publier des vignettes dans WordPress. Vous pouvez également consulter notre guide du débutant sur le référencement d’images qui montre comment optimiser vos images WordPress pour les moteurs de recherche.