Système de gestion de contenu ( CMS ) dispose d'une variété de fonctions permettant d'incorporer des éléments visuels dans un site web, dont l'une d'entre elles est la fonction Images en vedette de WordPress. Ils peuvent également augmenter de manière significative la valeur du contenu lorsqu'ils sont utilisés en conjonction avec un texte bien rédigé.

Que sont les images vedettes de WordPress ?

Une image vedette WordPress est l'image principale affichée sur votre article ou votre page. Cette image est généralement affichée en haut des articles et dans les articles de médias sociaux lorsque vous les partagez sur les médias sociaux.

Comment ajouter des images vedettes sur WordPress

L'ajout d'images vedettes sur WordPress est un processus simple. Il suffit de télécharger ou de sélectionner une image pour chaque article ou page.

Comment ajouter des images en vedette à une page ou un article WordPress

Les images en vedette sont activées par défaut dans la plupart des thèmes WordPress. Vous pouvez également les ajouter manuellement à n'importe quel article ou page via l'éditeur de blocs Gutenberg.

Suivez les étapes ci-dessous :

1. en naviguant versPostes du panel → Ajouter un nouveau Postes pour ouvrir l'éditeur de blocs. Vous pouvez également sélectionner un article ou une page existante pour accéder à l'éditeur.

2) La barre latérale droite doit apparaître dans l'éditeur de blocs.

3. faire défiler vers le bas jusqu'àImage en vedettepuis cliquez surMise en place d'images vedettes.

4) Téléchargez l'image vedette dans WordPress ou sélectionnez-la parmi les images de la bibliothèque multimédia. Après avoir sélectionné l'image vedette, l'ongletSection des détails de l'annexeAjouter un texte alternatif.

5. cliquer sur le coin inférieur droit de l'écran d'accueil.Mise en place d'images vedettes.

L'image vedette est maintenant définie. Elle n'apparaît pas dans le panneau de l'éditeur et se trouve dans la sectionImages en vedetteou le voir dans l'aperçu du message. Il est désormais possible de cliquer sur le bouton"Remplacer l'imageRemplacez-la par une autre image ou utilisez la fonctionSupprimer l'image en vedetteSupprimer les images vedettes des articles ou des pages.

Comment définir la taille de l'image vedette de WordPress

Il est important de choisir la bonne taille d'image vedette. Il permet d'améliorer l'aspect général de votre page et de faire en sorte que les vignettes des articles soient bien visibles sur d'autres plateformes.

Bien que vous puissiez choisir la taille de l'image vedette de WordPress que vous préférez, l'option1200 x 628 pixelspeut-être16:8.4Les rapports d'aspect sont un bon point de départ. Vous pouvez utiliser des images plus petites pour accélérer les temps de chargement, en particulier sur les appareils mobiles.

Les paramètres par défaut de la taille de l'image présentée pour les thèmes WordPress peuvent ne pas correspondre à vos préférences. Pensez à modifier la taille de l'image en utilisant l'une des méthodes suivantes.

1. les thèmes classiques

Lorsque vous téléchargez une image sur WordPress, vous trouverez quatre tailles d'image par défaut dans les paramètres de WordPress :

• Vignette (carré de 150 pixels)
• Moyen (maximum 300 pixels en largeur et en hauteur)
• Grand (largeur et hauteur maximales de 1024 pixels)
• Taille réelle (image originale)

Certains thèmes WordPress utilisent l'une de ces tailles d'image par défaut comme image vedette. Vous pouvez modifier sa taille en suivant les étapes ci-dessous :

1) Vérifiez la taille en ouvrant l'article de blog contenant l'image vedette. Cliquez avec le bouton droit de la souris sur l'image vedette du blog et sélectionnez le navigateur dans l'ongletVérifier les outils.

2,lire (instructions)<img>La classe d'image dans la balise. Par exemple, la taille de l'image présentée ci-dessous est width="480" height="300"

3) Ouvrez le tableau de bord de WordPress et naviguez jusqu'à la sectionParamètres → Médias. Modifiez la taille de l'image en fonction de vos préférences et cliquez sur " .Enregistrer les modifications".

Si vous régénérez les vignettes des images, vous pouvez le faire en installant et en activant l'applicationreGenerate Thumbnails Advanced Plugin WordPress pour ce faire.

• Tout d'abord, dans le panneau "plug-in (composant logiciel)"→"Ajouter un nouveau plugin"tapez reGenerate Thumbnails Advanced dans le champ de recherche et appuyez sur "enter" pour confirmer.
• Cliquez ensuite surInstaller maintenanten outreactiver.

Après avoir actualisé la page à partir de"Outils" → "Régénérer les vignettes"puis cliquez sur le bouton"Re-génération" . Il redimensionnera automatiquement les vignettes WordPress pour toutes les images existantes.

2. le thème du bloc

En modifiant l'éditeur du sitedans le modèle pour redimensionner les images vedettes de WordPress. Suivez les étapes ci-dessous pour ouvrir le modèle :

1, du tableau de bord de WordPress à la sectionApparence → Editeur de fichier de thème.

2,Sélectionner le fichier à modifier: :

• Sélectionnez le thème que vous souhaitez modifier dans l'éditeur.
• En général, le code de l'image vedette se trouve dans le fichier single.php peut-être page.php ou parfois dans le fichier functions.php ou des fichiers de section de modèle tels que content.php Au milieu.

3,Modifier le code de l'image vedette: :

• Trouvez le code qui appelle l'image en vedette dans le fichier PHP correspondant, généralement le fichier la vignette de l'article() ou une fonction similaire.
• Vous pouvez spécifier une taille d'image qui existe déjà (par ex. vignetteetmoyenetimportant peut-être complet), ou utiliser la fonction add_image_size() existent functions.php pour créer une nouvelle taille d'image. Exemple :

add_image_size('custom-size', 800, 600, true) ; 

Ensuite, après avoir appelé le la vignette de l'article() lors de la spécification de cette nouvelle taille :

the_post_thumbnail('custom-size').

4,Mis à jour et testé: :

5,Style d'ajustement (en option): :

• Si vous avez besoin d'ajuster davantage le style d'une image (par exemple, les marges, les cadres, etc.), vous pouvez le faire avec CSS. Ces styles se trouvent généralement dans la section style.css est défini.

Comment définir automatiquement les images en vedette dans WordPress

utiliserImages vedettes rapidesLe plugin facilite la création d'images vedettes par défaut.

Tout d'abord, dans le panneau "plug-in (composant logiciel)"→"Ajouter un nouveau plugin"tapez Quick Featured Images dans le champ de recherche et appuyez sur "enter" pour confirmer.Installation et activation.

Après avoir rafraîchi la page, naviguez depuis le tableau de bord de WordPress jusqu'à l'ongletImage en vedette → Image par défaut.

Activez la deuxième règle, qui désigne la première photo d'un article ou d'une page comme image vedette.

Vous pouvez également créer des règles personnalisées qui attribuent des images vedettes par défaut.

Cliquez sur la troisième étape de la"Sélectionner une imagepuis sélectionnez l'image vedette par défaut. Lorsque vous avez terminé, cliquez sur"Enregistrer les modifications.

Comment ajouter des aperçus de vignettes aux listes d'articles et de pages ?

Le panneau d'administration de WordPress affiche des informations sur les articles et les pages, telles que l'auteur, la date de publication, la catégorie et le nombre de commentaires. Si vous avez installé le plugin "Quick Featured Image", vous pouvez également afficher des vignettes dans cette liste, ce qui vous permet de voir d'un coup d'œil quel contenu est doté d'une image vedette.

Passer du tableau de bord àImage en vedette → Paramètres. EnColonne d'images en vedette dans la liste des articlesDans la section, vérifiezcarterépondre en chantantpage web. Cliquez ensuite sur le bas de la pageEnregistrer les modifications.

Naviguer vers les messages → Tous les messagesAllez dans la liste des articles et vous verrez une nouvelle colonne pour la prévisualisation des images en vedette, avec la possibilité de changer, modifier et supprimer les anciennes images en vedette.

Comment activer les images en vedette de WordPress

La plupart des thèmes WordPress prennent en charge les images en vedette et vous permettent de télécharger des images dans n'importe quel article ou page. Cependant, certains thèmes ne prennent pas en charge les images en vedette quiIl doit être activé manuellement.

Thèmes classiques

En ajoutant l'extrait de code suivant à la sectionfunctions.phppour ajouter manuellement la prise en charge des images en vedette à n'importe quel thème WordPress :

add_theme_support( 'post-thumbnails' ).

Les thèmes devraient désormais prendre en charge les images en vedette et les paramètres devraient être disponibles dans l'éditeur. Cependant.Ajouter un support de thèmeLe drapeau n'active que le support et n'affiche pas d'image sur la page d'accueil.

Pour que le thème affiche les images en vedette dans tous les articles et toutes les pages, ajoutez l'extrait de code suivant au modèle du thème :

<?php the_post_thumbnail(); ?>

Pour afficher les images sur les articles et les pages, ajoutez le code aux modèles appropriés - généralementsingle.phprépondre en chantantpage.phpVous pouvez également appliquer un code PHP à n'importe quel fichier de modèle personnalisé. Vous pouvez également appliquer du code PHP à n'importe quel fichier de modèle personnalisé.

En naviguant vers"Apparence" → "Editeur de fichier de thème" pour utiliser l'éditeur de fichier de thème.Recherchez le fichier modèle dans la colonne de droite.

Suggestions pour choisir les images vedettes de WordPress

Utiliser la bonne image

Les images vedettes de WordPress doivent représenter correctement le contenu. L'une des meilleures pratiques consiste à créer des images vedettes au design unique, dans le même style que votre blog.

Si vous commencez à créer un blog en passant parCC0 Sites d'images sous licenceCommuns de création Des images de présentation appropriées peuvent être trouvées. Il peut également être trouvé sur le sitePexelsrépondre en chantantUnsplashRecherchez des images CC0 sur des plates-formes matérielles telles que wordpressCatalogue de photosIl contient des milliers d'images CC0 téléchargées par des contributeurs.

Optimisez votre image vedette

Utilisez différentes méthodes de compression d'images, telles que la compression avec ou sans perte, pour optimiser les fichiers d'images dans différents formats, notamment PNG, JPG et GIF, afin de réduire la taille des fichiers et d'accélérer le chargement des images en ligne, tout en préservant la clarté de vos images.

Voici quelques plugins d'optimisation d'images recommandés :

• ShortPixel Image Optimizer 
• Imagifier 
• WP Smush 
• Optimole

rendre un verdict

WordPress dispose d'un support intégré pour les images en vedette et vous pouvez également définir des images en vedette automatiquement. L'optimisation des images et l'ajout d'un texte alternatif en les paramétrant contribueront à améliorer votre référencement.