Comment créer une image d'arrière-plan Gutenberg (bloc de couverture) • WPShout

By | avril 9, 2020

tuto wordpress

Souvent, lorsque vous commencez à utiliser le nouvel éditeur de blocs WordPress, nous voulons une «image d'arrière-plan». Quand je pense à la façon de faire une «image de fond» dans Gutenberg, je pense au Cover Block. Donc, dans ce guide rapide, nous verrons comment utiliser le bloc de couverture dans Gutenberg pour obtenir l'image de texte en arrière-plan que vous recherchez probablement. Allons-y!

Images d'arrière-plan à Gutenberg avec bloc de couverture, en vidéo

Dans cette vidéo, je montre la manière la plus probable d'ajouter le bloc de couverture à un article dans WordPress. Cela donne un accent vraiment amusant à votre article, et il classe vraiment l'endroit. Je ne peux pas détester ça, n'est-ce pas?

Utilisation de base de l'image de couverture dans Gutenberg, version texte

Je noterai avant de commencer à vous expliquer comment procéder. Ici, nous expliquerons comment ajouter un bloc d'image de couverture de la manière la plus rapide. La façon dont je l'ai fait dans la vidéo fonctionne également, mais cela prend un peu plus de temps. Et nous savons que vous * lecteurs * êtes pressés 😉

  1. Sur l'écran d'édition de publication WordPress (bloquer), cliquez sur l'icône «+» pour ajouter un bloc à votre publication.
  2. Tapez "couverture" et cliquez sur le bloc "Couverture" dans la liste des blocs communs.
  3. Là, vous devriez obtenir un sélecteur de média et / ou un sélecteur de couleur. En supposant que vous soyez venu ici depuis longtemps pour créer une image de fond dans WordPress, vous voudrez sélectionner / télécharger l'image ici. Appuyez simplement sur le bouton «Télécharger» et sélectionnez le fichier image sur votre ordinateur. (Ou cliquez sur "Médiathèque" pour choisir une image que vous avez déjà téléchargée.)
  4. Après avoir sélectionné votre image, vous entrerez en mode "Superposition de texte". Voici donc où vous allez taper les mots que vous voulez au téléphone de votre image d'arrière-plan.

Et avec cela, vous avez votre image de couverture Gutenberg prête à l'emploi. Texte avec une image en arrière-plan 🙂