L'éditeur WordPress

Cet article présente comment utiliser le nouvel éditeur WordPress (aussi appelé Gutenberg) pour publier du contenu dans des articles et des pages.

Les blocs

La version 5 de WordPress a introduit une nouvelle façon de créer du contenu avec l'éditeur de blocs Gutenberg. Les blocs sont des éléments de contenu individuels qui peuvent facilement être configurés et mis en page pour créer une expérience riche et attrayante pour le visiteur du site.

Capture d'écran du nouvel éditeur de blocs Gutenberg de WordPress
Le nouvel éditeur de blocs Gutenberg de WordPress

Ajouter un bloc

On peut ajouter un bloc de différentes manières :

  • simplement en cliquant sur Entrée à la fin d'un paragraphe;
  • en cliquant sur le bouton « + » au haut de l'éditeur de blocs;
  • en cliquant sur le bouton « + » au-dessus d'un bloc en particulier;
  • en cliquant sur Insérer avant ou sur Insérer après dans la section Plus d'options de la barre d'outils d'un bloc.

Selon votre contexte d'utilisation, une méthode sera toujours plus efficace que les autres pour ajouter un nouveau bloc. Apprenez à vous servir de chacune pour ajouter des blocs rapidement.

Lecture importante : l'article L'éditeur WordPress sur le site WordPress.org.

Les types de blocs

L'installation de base de WordPress offre plusieurs types de blocs organisés en catégories :

  • Éléments en ligne
    • Image en ligne
  • Blocs communs
    • Paragraphe
    • Liste
    • Titre
    • Image
    • Galerie
    • Citation
    • Son
    • Bannière
    • Fichier
    • Vidéo
  • Mise en forme
    • HTML personnalisé
    • Pré-formaté
    • Code
    • Classique
    • Citation en exergue
    • Tableau
    • Couplet
  • Mise en page
    • Lire la suite
    • Bouton
    • Colonnes
    • Média et texte
    • Saut de page
    • Séparateur
    • Espacement
  • Widgets
    • Code court
    • Archives
    • Catégories
    • Commentaires récents
    • Articles récents
  • Contenus embarqués
    • Contenu embarqué
    • Twitter, YouTube, Facebook, Instagram, WordPress, SoundCloud, Spotify, Flickr, Vimeo, Dailymotion, TED et plusieurs autres.
  • Réutilisables
    • Vos propres blocs personnalisés que vous enregistrez afin de facilement les réutiliser.

Configurer un bloc

Avec la barre d'outils du bloc

Les blocs peuvent être configurés à partir de la barre d'outils qui apparait au-dessus de chacun lorsque le point d'insertion est à l'intérieur d'un bloc. Les options disponibles dans cette barre d'outils changent en fonction du type de bloc. Par exemple, pour un bloc de type Paragraphe, les options suivantes sont disponibles :

  • Modifier le type de bloc
  • Aligner le texte à gauche
  • Centrer le texte
  • Aligner le texte à droite
  • Gras
  • Italique
  • Lien
  • Barré
  • Plus d'options
    • Masquer les réglages du bloc
    • Dupliquer
    • Insérer avant
    • Insérer après
    • Modifier en HTML
    • Ajouter aux blocs réutilisables
    • Retirer le bloc

Avec le panneau de configuration Bloc

D'autres options de configuration sont disponibles dans le panneau de configuration Bloc, situé à droite de la zone d'édition. Encore une fois, les options disponibles varient en fonction du type de bloc. Par exemple, pour un bloc de type Paragraphe, il est possible de changer :

  • les Réglages du texte
    • Taille de police
    • Lettrine
  • les Réglages de couleur
    • Couleur d'arrière-plan
    • Couleur du texte
  • réglage Avancé
    • Classe CSS addtionnelle

Déplacer un bloc

Pour déplacer un bloc dans un article ou sur une page, il suffit de cliquer sur les flèches vers le haut ou vers le bas qui se apparaissent à gauche du bloc lorsque l'on glisse le pointeur au-dessus de celui-ci. On peut aussi cliquer sur la poignée pointillée située entre les deux flèches pour glisser le bloc à l'endroit de notre choix.

Supprimer un bloc

Pour supprimer un bloc, il suffit de cliquer sur Plus d'options, le dernier bouton à droite de la barre d'outils du bloc, puis de cliquer sur Retirer le bloc. Le raccourci clavier Maj+Alt+Z permet de sauver beaucoup de temps!

Sources

Documentation WordPress, L'éditeur WordPress [En ligne].