Utiliser l'éditeur Gutenberg pour WordPress

Le nouvel éditeur Gutenberg pour WordPress vous permet de créer des articles de manière plus flexible : vous pouvez créer vos articles encore plus facilement à l'aide des "blocs déplaçables". Dans cet article, nous vous montrons comment utiliser l'éditeur Gutenberg.

Activer l'éditeur Gutenberg

L'éditeur Gutenberg est automatiquement activé lorsque vous passez à WordPress 5.0 via une mise à jour. Il remplace alors l'éditeur précédent. Si vous avez configuré une mise à jour automatique pour WordPress, vous n'avez rien d'autre à faire. Vous avez alors reçu automatiquement l'éditeur Gutenberg avec la mise à jour vers WordPress 5.0 qui est sortie le 6 décembre 2018.

Plus de liberté grâce à l'éditeur Gutenberg

Contrairement à l'éditeur WordPress proposé jusqu'alors, l'éditeur Gutenberg vous permet de prévisualiser et d'éditer vos articles en entier. Vous pouvez créer l'article à l'aide d'éléments de contenu pratiques, appelés "blocs". Pour chaque élément de contenu, vous pouvez utiliser un bloc qui peut alors être utilisé selon vos souhaits : vous pouvez par exemple créer un texte simple, ou insérer une image, une liste, une image de couverture, un titre ou encore une citation.

Il est ainsi beaucoup plus facile de créer et de structurer du texte avec des images, des en-têtes, des listes, des galeries d'images ou des citations.

Chacun de ces blocs peut être déplacé dans le document facilement et à tout moment.

Créer un nouvel article

Après vous être connecté au tableau de bord WordPress, cliquez sur Articles > ajouter.

Par défaut, le premier bloc du titre de l'article est déjà présent. Vous pouvez entrer le titre dans le champ Ajout de titre.
Pour insérer le texte de l'article, vous devez ajouter un bloc. Pour ce faire, cliquez sur le symbole + en haut de l'éditeur. L'éditeur Gutenberg vous montre les différents types de blocs :

  • Les plus utilisés : Paragraphe, Image, Titre, Galerie, Liste, Citation, Son, Couverture et Fichier. Vous pouvez également trouver ces blocs sous Blocs communs.
  • Mise en forme : Code, Classique, HTML personnalisé, Pré-formaté, Citation en exergue, Tableau et Couplet.
  • Mise en page : Bouton, Colonnes, Média & texte, Lire la suite,Saut de page, Séparateur et Espacement.
  • Widgets : Code court, Archives, Catégories, Derniers commentaires et Derniers contenus.
  • Contenus embarqués : Contenu embarqué, Twitter, YouTube, Facebook, Instagram, WordPress, Soundcloud, Spotify, Flickr, Vimeo etc.

Ecrire un texte

Pour un texte classique, sélectionnez le bloc Paragraphe parmi les blocs les plus utilisés ou les blocs communs. Avec ce bloc, vous pouvez écrire un texte normal ou insérer un texte déjà écrit. Le saut de ligne est automatiquement activé.

Remarque

Si vous entrez un nouveau paragraphe dans le bloc avec la touche Entrée, un nouveau bloc est automatiquement ouvert. Cela signifie que plus vous insérez de paragraphes dans le texte, plus vous obtenez de blocs.

Pour chaque paragraphe, vous pouvez notamment définir la taille de la police, la couleur ou encore déterminer la couleur de fond.

Si vous êtes un utilisateur expérimenté, vous pouvez utiliser une classe CSS supplémentaire pour chaque paragraphe via Avancé.

Insérer une image ou un autre contenu

Pour ajouter d'autres types de contenu à l'article, sélectionnez le bloc correspondant après avoir cliqué sur le symbole +. Vous pouvez par exemple charger une image , en sélectionner une depuis la Bibliothèque de médias de votre WordPress (si disponible), ou en insérer une à partir d'une URL.

Remarque

L'insertion d'images via URL est soumise aux dispositions du droit d'auteur. En outre, les dispositions du règlement général sur la protection des données (RGPD) s'appliquent également aux plateformes des réseaux sociaux.

Déplacer un bloc

Si vous voulez déplacer un bloc dans l'article, déplacez la souris sur le bord gauche du bloc souhaité jusqu'à ce que le bloc soit encadré. Vous pouvez maintenant déplacer le paragraphe vers le haut ou vers le bas en cliquant sur les touches fléchées, ou le faire glisser à la position souhaitée tout en maintenant le bouton de la souris enfoncé sur les lignes pointillées.

Type d'éditeur

Par défaut, l'éditeur visuel est toujours utilisé : avec ce type d'éditeur, aussi appelé éditeur WYSIWYG (ce que vous voyez est ce que vous obtenez), vous n'avez pas à vous soucier du code source. Si vous voulez passer à l'éditeur de code puis revenir à l'éditeur visuel, cliquez sur les trois points en haut à droite de l'interface et ensuite sur le type d'éditeur souhaité sous Editeur.

Sauvegarder et publier du contenu

Si vous ne voulez pas encore publier votre article, mais que vous voulez le sauvegarder pour une éventuelle modification ultérieure, cliquez sur Enregistrer dans la barre supérieure. Vous pouvez rouvrir l'article à tout moment et le modifier comme vous le souhaitez.

Si vous cliquez sur le bouton Publier sur la ligne du haut, le contenu sera alors visible sur votre site WordPress.