Comment ajouter des images en avant sur WordPress ?

Les images en avant, également appelées vignettes de publication, sont une fonctionnalité WordPress bien connue prise en charge par la plupart des thèmes. Il s’agit de l’image principale de vos articles de blog et elles apparaissent souvent à côté de l’en-tête 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 avant. Dans cet article, on vous explique comment ajouter facilement des images en avant ou publier des miniatures dans WordPress.

Guide du débutant sur les images en avant 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 avant 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 mises en avant 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 avant sont utilisées pour les articles de blog, mais vous pouvez également définir des images en avant pour les pages et les types d’articles personnalisés.

Comment ajouter facilement des images en avant dans WordPress

Dans la suite de cet article, on vous explique comment ajouter, facilement, des images en avant sur votre site / vos pages et vos contenus WordPress !

Ajout d’une vignette de publication ou d’une image en avant dans WordPress

Pour ajouter une image en avant dans un article WordPress, il vous suffit de modifier ou de créer un nouvel article de blog. Dans l’éditeur de contenu, vous trouverez l’onglet d’image en avant dans la colonne de droite.

Vous devez cliquer sur la zone \`\` Définir l’image en avant  », ce qui affichera la fenêtre de téléchargement de médias WordPress. De là, vous pouvez télécharger une image depuis votre ordinateur ou utiliser une image existante de votre bibliothèque multimédia.  Une fois que vous avez sélectionné l’image, cliquez simplement sur le bouton Définir l’image en avant.

WordPress affichera maintenant un aperçu de l’image sélectionnée dans la colonne de droite. Cependant, l’image présentée réelle serait différente en fonction de votre thème WordPress. Vous pouvez maintenant enregistrer ou publier votre message et le prévisualiser pour voir comment l’image en avant apparaîtra sur votre site Web en direct.

Selon les paramètres définis par votre développeur de thème, votre image sélectionnée apparaîtra automatiquement avec vos publications.

Comment trouver et utiliser efficacement les images mises en avant?

Maintenant, la prochaine grande question que la plupart des débutants se posent est de savoir où trouver des images à utiliser comme images en avant ? Vous ne pouvez pas simplement utiliser la recherche d’images Google et utiliser n’importe quelle image d’Internet.

Ces images sont protégées par les lois sur les droits d’auteur et leur utilisation sans autorisation appropriée peut entraîner 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 préférés sont:

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 avant, vous aurez besoin de 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 sur les images en avant et les vignettes de publication dans WordPress

L’image présentée est une fonctionnalité populaire prise en charge par presque tous les thèmes WordPress. Dans de rares cas, vous pouvez rencontrer un thème qui ne prend pas en charge les images en avant, ou vous pouvez ne pas aimer la façon dont ils gèrent les images de caractéristiques.

Dans ce cas, vous pouvez ajouter la prise en charge des images en avant à 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 avant, vous ne verrez pas l’option d’ajouter une image en avant dans l’éditeur de contenu. Pour ajouter la prise en charge des images en avant dans un thème WordPress, vous devez ajouter cette ligne de code dans le fichier functions.php de votre thème:

Ce code activera la prise en charge des images en avant pour les articles et les pages. Vous pouvez maintenant accéder aux articles ou à l’éditeur de bloc de page, et vous verrez l’option d’image en avant activée.

Cependant, lorsque vous définissez une image sélectionnée, elle ne s’affichera pas automatiquement dans votre thème WordPress. Pour afficher les images en avant dans votre thème, vous devez modifier vos modèles et ajouter cette ligne de code à l’endroit où vous souhaitez afficher l’image en avant:

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. Le code ci-dessus est la fonction de base dont vous avez besoin pour ajouter la prise en charge des images en avant et afficher les images en avant dans votre thème.

Pour définir la taille d’image des images que vous téléchargez, vous devez ajouter cette ligne de code à votre functions.php déposer.

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:

Dans cet exemple, nous avons ajouté une nouvelle taille d’image appelée miniature à un seul post avec 590px avec et 180px hauteur. Pour utiliser cette taille d’image dans notre thème, nous devrons toujours l’ajouter au fichier de thème approprié.

Si vous avez déjà téléchargé des images en avant, 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.

Il s’agit de la version décomposée de la fonctionnalité complète. Il existe de nombreuses autres choses que vous pouvez faire avec les images présentées.

FAQ sur les images en avant dans WordPress

En tant que débutant, vous pouvez rencontrer des questions ou des problèmes lors de l’utilisation d’images en avant sur votre blog. Voici quelques-unes des questions les plus fréquemment posées sur les images présentées.

1. Pourquoi l’image sélectionnée apparaît deux fois sur mes messages ?

Parfois, les débutants ajoutent une image en avant, puis ajoutent 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 d’image en avant pour ajouter l’image en avant. Pour en savoir plus sur ce sujet, consultez notre article sur la façon de corriger l’image sélectionnée apparaissant deux fois dans WordPress.

2. Quelle est la différence entre l’image de couverture et l’image avant ?

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 différentes sections d’une longue page ou d’un article. L’image en avant 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.

3. Comment afficher les images en avant à 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 miniatures d’articles. Vous pouvez également afficher les publications récentes avec des miniatures dans les widgets de la barre latérale à l’aide du plug-in Extended Posts Widget Extended. Pour plus de détails, consultez notre article sur la façon d’afficher les articles récents dans WordPress.

4. Comment rappeler aux auteurs d’ajouter une image en avant dans WordPress?

Les images mises en avant 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 d’avoir publié le message, il apparaîtra sans image en avant. Cela aura l’air mauvais et incohérent, ce qui n’est pas bon pour l’expérience utilisateur. Vous pouvez installer et activer le plugin Require Featured Image, qui affichera une notification lorsque quelqu’un essaiera de publier un article sans image en avant.

Mettre des images WordPress en avant : notre conclusion

Nous espérons que cet article vous a aidé à apprendre comment ajouter des images en avant ou publier des miniatures dans WordPress. Pour plus d’informations, n’hésitez pas à découvrir nos autres articles traitant de WordPress ! On parle par exemple des plugins devis ou des erreurs 28 cURL.