WordPress 5.0 est sorti avec le tout nouvel éditeur de blocs Gutenberg et une multitude de fonctionnalités intéressantes. L’un d’eux est le bloc Couverture, qui vous permet d’ajouter des images de couverture à vos articles et pages.
Cette fonctionnalité a dérouté certains utilisateurs car elle peut sembler similaire à l’option Image en vedette qui est dans WordPress depuis WordPress 2.9.
Dans cet article, nous expliquerons les différences entre l’image de couverture et l’image vedette dans l’éditeur de blocs WordPress.
Qu’est-ce qu’une image de couverture ?
Une image de couverture est généralement une image large utilisée comme photo de couverture pour une nouvelle section dans un article de blog ou une page. Cela fait partie de l’article global. Vous pouvez utiliser une image de couverture lorsque vous commencez une nouvelle section ou une nouvelle histoire dans votre article.
Avec le bloc Couverture dans WordPress, vous pouvez ajouter du texte et une superposition de couleurs sur votre image de couverture.
En ajoutant une superposition de couleurs appropriée qui correspond à la couleur de votre thème ou à l’ambiance de votre contenu, vous pouvez rendre votre article plus attrayant.
De même, l’ajout d’une superposition de texte aide vos utilisateurs à identifier facilement où commence une nouvelle section dans votre article et de quoi s’agit-il.
Traditionnellement, les blogueurs utilisent le texte d’en-tête pour séparer les sections d’un article de blog. Avec les images de couverture, vous avez désormais la possibilité de séparer les sections d’une manière plus attrayante visuellement.
Qu’est-ce qu’une image en vedette ?
Une image vedette (également connue sous le nom de vignette de publication) est l’image principale de l’article qui représente le contenu. Ils sont affichés en évidence sur votre site Web sur des articles uniques, des pages d’archives de blogs, ainsi que sur la page d’accueil des sites Web d’actualités, de magazines et de blogs.
En dehors de cela, les images en vedette sont également affichées sur les flux de médias sociaux lorsqu’un article est partagé.
Les images présentées sont conçues avec soin pour les rendre attrayantes. De telles images donnent aux utilisateurs un aperçu rapide de votre contenu et les invitent à consulter l’intégralité de l’article.
Vous trouverez une boîte méta dans votre écran d’édition de publication pour ajouter une image en vedette, car presque tous les thèmes WordPress prennent en charge les images en vedette par défaut.
Où et comment les images présentées sont affichées est entièrement contrôlé par votre thème WordPress.
Pour les options avancées d’image en vedette, vous pouvez consulter ces meilleurs plugins d’image en vedette WordPress.
Comment ajouter une image de couverture dans WordPress ?
Le nouvel éditeur de blocs WordPress (Gutenberg) est livré avec un bloc Cover pour vous permettre d’ajouter une image de couverture dans WordPress.
Tout d’abord, vous devez créer un nouveau message ou en modifier un existant. Sur l’écran d’édition de publication, cliquez sur le bouton Ajouter un nouveau bloc, puis choisissez Bloc de couverture.
Vous pouvez trouver le bloc Cover dans l’onglet Common Blocks.
En cliquant sur le bloc, vous verrez le bloc Couverture ajouté à votre éditeur de contenu avec des options pour ajouter votre nouvelle image de couverture.
Vous pouvez simplement faire glisser et déposer une image ou une vidéo dans la zone de bloc pour télécharger une nouvelle image de couverture. Vous pouvez également cliquer sur le bouton Télécharger, choisir une image sur votre ordinateur et l’ouvrir pour la télécharger.
Si vous souhaitez ajouter une image déjà téléchargée dans votre médiathèque, vous pouvez cliquer sur le bouton Médiathèque et sélectionnez une image dans votre galerie multimédia.
Une fois votre image de couverture ajoutée, vous pouvez facilement la personnaliser en cliquant sur l’image de couverture.
Cela vous montrera une barre d’outils avec des options de personnalisation au-dessus de l’image, un champ Écrire le titre… au centre de l’image et des paramètres de bloc, y compris la superposition de couleurs dans le panneau sur le côté droit.
Outre l’option d’alignement, le bloc d’image de couverture vous offre deux choix de largeur : Grande largeur et Pleine largeur.
L’option grande largeur rend l’image aussi large que votre contenu. L’option pleine largeur permet à votre image de couvrir tout l’écran de la fenêtre.
Ensuite, vous pouvez ajouter un titre pour votre image de couverture. Lorsque vous cliquez sur l’image de couverture, vous verrez le champ « Écrire le titre… » au centre de votre image de couverture.
Cliquez simplement sur cette zone pour ajouter du texte. Vous pouvez écrire le titre de votre image de couverture et la formater à l’aide des options de mise en forme qui apparaissent au-dessus du texte ou de l’image de couverture.
Enfin, il existe des paramètres de bloc de couverture sur le panneau latéral droit. Vous pouvez activer Arrière-plan fixe pour créer un effet de parallaxe lorsque les utilisateurs font défiler la page.
En dessous, il y a des options de superposition de couleurs. Par défaut, il ajoute la couleur de votre thème en tant que couleur de superposition avec une transparence de 50%, mais vous pouvez modifier la couleur de superposition et également modifier l’opacité en déplaçant le point.
Enfin, vous pouvez ajouter du code CSS et ajouter plus de styles à votre image de couverture en cliquant sur le bouton Avancée option.
C’est ça!
Vous pouvez répéter cette étape pour ajouter plusieurs images de couverture dans un seul article si nécessaire.
Comment ajouter une image en vedette dans WordPress ?
Le processus d’ajout d’une image en vedette est le même qu’avant. Si vous avez un blog WordPress depuis un certain temps, vous savez déjà comment une image vedette est ajoutée.
Pour ajouter une image en vedette, vous devez d’abord ouvrir un écran d’édition de publication, puis accéder à la boîte méta Image en vedette sur le côté droit de l’écran.
Vous devrez cliquer sur le Définir l’image en vedette option.
Ensuite, vous pouvez télécharger une nouvelle image en utilisant le téléchargeur par glisser-déposer ou en sélectionnant une image dans votre bibliothèque multimédia existante.
Après cela, vous pouvez ajouter un titre et un texte alternatif pour votre image vedette, puis cliquez sur le bouton Sélectionner option.
Vous avez ajouté avec succès une image vedette à votre article.
Si vous souhaitez des instructions plus détaillées, vous pouvez lire notre guide du débutant pour ajouter des images en vedette dans WordPress.
Une fois que vous avez ajouté votre image vedette, vous pouvez prévisualiser votre message et voir à quoi il ressemble.
Si vous utilisez le nouveau thème par défaut Twenty Nineteen ou d’autres thèmes modernes, vous pouvez également voir une superposition de couleurs sur vos images en vedette.
Vous pouvez le supprimer ou changer la couleur en accédant au personnalisateur WordPress.
Cliquez simplement sur le Apparence » Personnaliser bouton dans votre menu WordPress.
Une fois sur le Personnaliser panneau, vous devez cliquer sur le Couleurs option à gauche.
Sur cet onglet, vous verrez l’option de couleur principale de votre thème et l’option pour activer ou désactiver le filtre d’image.
Vous pouvez changer la couleur principale de votre thème en sélectionnant le Personnalisé option et en choisissant une couleur.
Si vous souhaitez désactiver le filtre de couleur sur vos images en vedette, vous pouvez simplement supprimer la coche sur l’option « Appliquer un filtre aux images en vedette à l’aide de la couleur principale ».
Veuillez noter que les images présentées sont gérées par les thèmes WordPress, vous ne trouverez donc peut-être pas cette option dans votre thème s’il ne prend pas en charge les filtres d’image.
Conclusion – Image de couverture par rapport à l’image en vedette dans WordPress
Maintenant que vous savez comment ajouter une image de couverture et une image vedette, examinons quelques bonnes pratiques.
Les images présentées ont été couramment utilisées par les blogs WordPress, les magazines en ligne, les sites d’actualités et de divertissement en tant que vignettes de publication ou images d’articles principaux.
Des images bien conçues aident à attirer plus d’utilisateurs pour ouvrir un article. Ils sont parfaits pour rendre votre site Web attrayant et visuellement interactif.
Les images de couverture font en fait partie de votre article. Un utilisateur voit votre image de couverture après avoir ouvert votre article pour le lire. Ainsi, ils rendent vos articles plus attrayants et plus amusants à lire.
La meilleure utilisation des images de couverture est d’ajouter une belle transition entre les sections à l’intérieur d’un long article.
Les images de couverture sont uniques à partir des images de publication régulières car elles ont l’option pleine largeur et vous avez la possibilité d’ajouter une superposition de texte dessus.
En ajoutant correctement des images de couverture, vous pouvez améliorer l’engagement des utilisateurs sur vos publications.
Nous espérons que cet article vous a aidé à comprendre la différence entre une image de couverture et une image vedette dans le nouvel éditeur de blocs WordPress. Vous pouvez également lire notre article sur la façon de mettre à jour vos anciens articles WordPress avec l’éditeur de blocs Gutenberg.