Un grand nombre de nouvelles fonctionnalités ont été introduites avec WordPress 5.0, la mise à jour de l’éditeur de blocs Gutenberg. Notamment l’intégration de l’image présentée dans WordPress dans l’éditeur Gutenberg. Vous pouvez également créer des blocs de contenu et les exporter et importer pour les utiliser sur d’autres sites web.

Le sujet dont nous allons parler aujourd’hui est le bloc “Couverture” de l’éditeur du bloc Gutenberg. Ce bloc vous permet d’ajouter des images de couverture à un article ou une page WordPress.

L’image de couverture a suscité une certaine confusion. Elle semble ressembler beaucoup à l’image de couverture qui fait partie de WordPress depuis la version 2.9.

Dans ce tutoriel, j’expliquerai la différence entre l’image de couverture et l’image de fond dans l’éditeur de bloc. Je vous montrerai également comment ajouter une image de couverture WordPress et ajouter une image à la une WordPress à l’aide de l’éditeur de blocs Gutenberg.

Qu’est-ce qu’une image de couverture ?

Une image de couverture est une image large que vous utilisez pour une nouvelle section dans un billet de blog ou sur une page. L’image de couverture de WordPress fait partie de l’article. Vous pouvez ajouter une image de couverture WordPress lorsque vous commencez une nouvelle section de votre article dans l’éditeur de bloc.

L’option Bloc de couverture dans l’éditeur de bloc Gutenberg vous permet également d’ajouter du texte et des couleurs en superposition à l’image de couverture.

En ajoutant du texte et des couleurs appropriés pour correspondre à votre thème ou pour renforcer le message que vous essayez de faire passer, vous pouvez rendre votre article plus attrayant.

Dans le passé, les blogueurs ont utilisé des titres, ou du texte d’en-tête, ou des sous-titres pour séparer les sections d’un article de blog. Parfois, ils ajoutaient une image sous le titre, parfois non.

L’option “Cover block” vous offre désormais une façon plus attrayante de diviser votre billet de blog en plusieurs sections.

Qu’est-ce qu’une image à la une ?

L’image présentée dans WordPress, également connue sous le nom de “post thumbnail”, est l’image principale de l’article qui représente l’ensemble du contenu. L’image à la une est celle que vous voyez lorsque vous faites défiler les archives d’un blog et que vous essayez de choisir un article à lire.

En relation  Comment ajouter des méta-mots-clés et des méta-descriptions dans WordPress

Il est également couramment affiché sur votre site web sur des articles individuels. De même que sur la page d’accueil des sites d’information, des magazines et des blogs.

L’image à la une est également affichée sur vos flux de médias sociaux lorsque vous partagez un article sur vos plateformes sociales.

Les images à la une sont généralement conçues ou choisies pour représenter au mieux le contenu. Le plus souvent, elles sont visuellement attrayantes et donnent aux utilisateurs un aperçu rapide de votre contenu et les incitent à lire l’article dans son intégralité.

Vous trouverez dans votre écran d’édition de message une méta-boîte pour ajouter une image à la une car presque tous les thèmes WordPress supportent les images à la une.

L’endroit et le mode d’affichage de vos images à la une sont contrôlés par le thème WordPress que vous avez choisi d’utiliser. Vous pouvez également lier automatiquement les messages WordPress aux images présentées.

Comment ajouter une image de couverture dans l’éditeur de bloc WordPress

Le nouvel éditeur de bloc WordPress est doté d’une option de bloc Couverture qui vous permet d’ajouter une image de couverture dans votre article WordPress.

Tout d’abord, créez un nouveau poste ou modifiez un article existant. Dans l’écran d’édition du message, cliquez sur le bouton “Ajouter un nouveau bloc” et choisissez ensuite “Bloc de couverture”.

Vous trouverez l’option “Cover block” dans les sections “Common Blocks” ou “Most Used”. Lorsque vous cliquez sur le bloc, vous verrez le bloc Couverture ajouté à votre éditeur de contenu avec des options pour ajouter votre nouvelle image de couverture.

Faites glisser et déposez une image ou une vidéo dans la zone du bloc pour télécharger une nouvelle image de couverture. Vous pouvez également faire une sélection à partir de vos fichiers médias en cliquant sur le bouton “Médiathèque”. Ou vous pouvez cliquer sur le bouton “Télécharger” pour choisir une image sur votre ordinateur.

Une fois que vous avez ajouté une image de couverture WordPress, vous pouvez facilement la personnaliser en cliquant sur l’image de couverture.

Vous verrez ensuite apparaître une barre d’outils avec des options de personnalisation au-dessus du champ “Write title…” de l’image au centre des paramètres de l’image et du bloc, y compris la superposition des couleurs dans le panneau de droite.

En relation  Comment créer un plugin WordPress personnalisé et spécifique à un site

Travailler avec les largeurs d’image

Outre l’option d’alignement, le bloc de l’image de couverture vous donne les deux choix de largeur : “Grande largeur” et “Pleine largeur”.

L’option “Largeur” permet à l’image de paraître aussi large que votre contenu. L’option “Largeur totale” fait en sorte que votre image couvre toute la fenêtre du navigateur.

Vous pouvez également ajouter un titre pour votre image de couverture. Lorsque vous cliquez sur l’image de couverture, vous verrez le champ “Ecrire le titre…” au centre de votre image de couverture.

Enfin, sur le côté droit de votre image de couverture, vous trouverez quelques réglages supplémentaires. Vous pouvez activer l’option “Arrière-plan fixe” pour créer un effet de parallaxe lorsque les utilisateurs font défiler la page.

En dessous, vous trouverez les paramètres de “Overlay Color”. À partir de là, vous pourrez modifier la couleur de superposition et l’opacité.

Enfin, vous pouvez ajouter du code CSS et ajouter d’autres styles à votre image de couverture en cliquant sur l’option “Avancé”.

N’oubliez pas que vous pouvez répéter les étapes ci-dessus et ajouter autant d’images de couverture à votre article que vous le souhaitez.

Comment ajouter une image dans l’éditeur de bloc WordPress

Lorsque vous ajoutez une image à la une à un article en utilisant l’éditeur de bloc WordPress, vous constaterez que le processus est toujours le même. Si vous avez un blog WordPress depuis un certain temps, vous savez déjà comment une image est ajoutée.

Pour ajouter une image à un article WordPress, créer un nouvel article ou modifier un article existant.

Lorsque vous ouvrez l’écran d’édition du message, naviguez vers le bas jusqu’à la méta-boîte “Featured Image” située dans le panneau de droite.

Vous pouvez télécharger une nouvelle image soit en utilisant l’outil de téléchargement par glisser-déposer, soit en sélectionnant une image dans votre médiathèque. Vous pouvez ensuite ajouter un titre, une légende, un texte alternatif et une description pour votre image. Cliquez ensuite sur l’option “Sélectionner”.

C’est tout. Vous avez ajouté une image dans l’éditeur de bloc WordPress.

Maintenant, si vous utilisez le tout nouveau thème par défaut de WordPress ou tout autre thème moderne, vous pouvez modifier la couleur de superposition de votre image à la une, dans une certaine mesure.

En relation  Comment organiser gratuitement un webinaire dans WordPress

Dans la colonne de navigation de gauche, passez la souris sur le lien “Apparence” et cliquez sur le lien “Personnaliser”. Cela vous amènera au personnalisateur WordPress en direct.

Cliquez sur l’onglet “Couleurs” et changez les couleurs par défaut de votre thème.

Note : Les thèmes WordPress gèrent les images à la une, donc vous ne trouverez peut-être pas cette option si votre thème ne supporte pas les filtres d’images.

Image de couverture et image à la une Meilleures pratiques

Maintenant que vous avez compris comment ajouter une image de couverture et comment ajouter une image à la une dans l’éditeur de bloc Gutenberg de WordPress, examinons quelques bonnes pratiques.

Images à la une

Les images à la une sont populaires lorsqu’elles sont utilisées par un ou plusieurs des éléments suivants comme images d’articles ou de articles :

  • Blogs WordPress
  • Magazines en ligne
  • Sites web d’information
  • Sites web de divertissement

Des images bien conçues et attrayantes inciteront les lecteurs à ouvrir l’article complet. Elles sont également très utiles pour rendre votre site WordPress plus beau et plus interactif.

Images de couverture

Les images de couverture font partie de votre article. Elles sont utilisées pour séparer les sections et créer des titres. L’ajout d’images de couverture peut rendre votre article visuellement plus divertissant et interactif.

La meilleure façon d’utiliser les images de couverture dans l’éditeur de bloc WordPress est d’utiliser une transition graphique entre les sections d’un long article.

Les images de couverture sont également plus uniques que les images à la une, car elles sont disponibles en pleine largeur et vous pouvez ajouter du texte et des couleurs en superposition à l’image.

Lorsque vous utilisez correctement la fonction d’image de couverture, vous pouvez augmenter et améliorer l’engagement des utilisateurs sur vos posts et pages dans WordPress.

J’espère que cet article vous a été utile. Vous devriez maintenant avoir une meilleure idée des différences entre les images de couverture et les images à la une dans l’éditeur de bloc WordPress. Vous devriez également comprendre comment ajouter les deux facilement.

Avez-vous déjà commencé à utiliser le nouveau bloc de couverture à Gutenberg ? Avez-vous constaté que lorsqu’ils sont utilisés, vos articles sont plus engageants ?