6 conseils pour tirer le meilleur parti de l'éditeur WordPress Gutenberg

Publié: 2022-11-02

Le thème Gutenberg a été introduit fin décembre 2018 et les utilisateurs de WordPress l'utilisaient à cette époque. L'éditeur Gutenberg est le nouvel éditeur de blocs qui simplifie la création de pages et de publications WordPress élaborées.

L'éditeur Gutenberg pour WordPress a modifié la façon dont les rédacteurs WordPress créent leurs publications. Il utilise une variété de "blocs" que vous pouvez organiser de différentes manières en fonction de vos besoins.

Depuis son lancement, Gutenberg a enregistré plus de 78,3 millions d'installations et plus de 280 millions de publications. Aujourd'hui encore, plus de 150 000 articles sont écrits quotidiennement avec Gutenberg.

De plus, Gutenberg Phase 3 propose une publication collaborative dans WordPress une fois qu'il est sorti et lancé.

Les blocs de Gutenberg aident à créer du contenu - du texte aux images, vidéos et tableaux. Dans l'ensemble, il possède diverses fonctionnalités de pointe qui réduisent considérablement les efforts et le temps nécessaires pour accomplir une tâche lors de la création ou de la gestion de votre site Web.

Explorons maintenant quelques fonctionnalités clés, des conseils et des astuces pour en tirer le meilleur parti.

Table des matières

1. Tirez pleinement parti des blocs de contenu

Utilisez les nouveaux blocs de contenu et options de Gutenberg avec un éditeur TinyMCE intégré.

Source : Explorer les options de blocage de contenu

Vous pouvez rechercher les blocs, widgets et éléments de mise en page communs pour un formatage rapide. Les dernières mises à jour ont des améliorations récentes, notamment -

  • Images de couverture
  • Téléchargements de fichiers
  • Boutons, etc...

De nombreux plugins que vous utilisez sont susceptibles d'avoir leurs blocs disponibles. Par exemple, si vous utilisez un plugin de galerie, il peut être fourni avec un bloc de galerie dédié.

2. Enlever des blocs

Vous pouvez supprimer le même si vous avez accidentellement ajouté un bloc. Cela se produit généralement lorsque vous êtes nouveau ou que vous avez beaucoup à faire.

Supprimer le bloc Gutenberg

Source : Comment supprimer un bloc

Suivez ces trois étapes pour vous débarrasser des blocs d'écriture —

  1. Choisissez l'élément que vous souhaitez supprimer.
  2. Accédez à d'autres options en cliquant sur le bouton "..." dans le coin supérieur droit du bloc.
  3. Trouvez l'option pour supprimer le bloc et choisissez-la.

Vous pouvez également utiliser une combinaison de raccourcis de Ctrl + Alt + Z.

3. Configuration des paramètres de bloc avancés

Explorez les paramètres supplémentaires dans la barre latérale pour personnaliser tous les blocs que vous ajoutez. Selon le bloc, vous pouvez accéder à quelques autres paramètres ou à un large éventail de choix de personnalisation pour l'apparence visuelle, la disposition et la fonctionnalité du bloc.

Cliquez sur le bloc dans l'éditeur pour ouvrir les paramètres du bloc. Les options de bloc dans l'éditeur vous permettent d'explorer ces options. Ensuite, choisissez l'élément de menu Bloquer dans la barre latérale pour ajuster ses paramètres.

Les configurations du bloc de boutons sont illustrées dans l'image ci-dessous.

Vous pouvez accéder aux paramètres d'un bloc dans la barre latérale

Source : Explorer les options de bloc

Vous pouvez accéder aux paramètres d'un bloc dans la barre latérale avec de nombreuses options pour choisir différentes tailles, couleurs, etc.

Toutes les modifications sont répercutées instantanément dans l'éditeur.

N'oubliez pas que chaque bloc aura des paramètres uniques, vous permettant de les configurer différemment. Par exemple, l'image ci-dessous montre certaines des options de personnalisation de base pour la typographie et la couleur.

Les paramètres de bloc pour le texte de paragraphe normal
Source : les paramètres de bloc pour un texte de paragraphe normal.

4. Copiez le bloc avec tous ses paramètres

L'édition collaborative a besoin de cohérence. Lorsque plusieurs auteurs travaillent sur le même document, il y a de fortes chances que la conception et le style changent. Par conséquent, il est nécessaire de conserver des paramètres de bloc cohérents. Pour cela, essayez de copier l'intégralité des paramètres du bloc en quatre étapes —

  1. Sélectionnez le bloc.
  2. Cliquez sur l'icône des trois points dans la barre d'outils du bloc.
  3. Sélectionnez Copier
  4. Ensuite, collez simplement le bloc en utilisant "Ctrl + V" ou en cliquant avec le bouton droit de la souris et en choisissant "Coller".

De cette façon, vous pouvez conserver les paramètres de bloc et ne pas perdre votre style personnalisé.
Comment copier un bloc avec tous ses paramètres dans l'éditeur Gutenberg WordPress
Source : comment copier un bloc avec tous ses paramètres.

5. Découvrez et utilisez les raccourcis de l'éditeur Gutenberg

Qui n'aime pas les raccourcis ? Restez efficace en utilisant les raccourcis de Gutenberg, prenant en charge la plupart des combinaisons de touches habituelles (pour copier, coller, annuler, etc.). En plus de cela, Gutenberg propose une multitude de raccourcis clavier uniques qui peuvent être utilisés à votre avantage.

Vous pouvez ouvrir un menu complet de raccourcis en utilisant Maj + Alt + H (Windows) / Ctrl + Alt + H (Mac)

Source : Liste des raccourcis pratiques dans Gutenberg

Voici quelques-uns des raccourcis populaires de Gutenberg—

  • Ctrl + Alt + Retour arrière : Supprimer l'existant/choisi. Il s'agit d'une aide massive car la suppression d'un bloc nécessite généralement de nombreux clics.
  • Ctrl + Alt + T : Pour ajouter un nouveau bloc avant celui existant.
  • Ctrl + Alt + Y : Pour insérer un nouveau bloc après le bloc existant
  • Ctrl + A + A : pour souligner toute la section.

En plus des raccourcis clavier, vous pouvez également utiliser la syntaxe Markdown.

Voici un aperçu de quelques exemples d'entrées de syntaxe Markdown valides dans Gutenberg :

  • Utilisez "##" pour créer un titre
  • Type 1." pour commencer à créer une liste ordonnée
  • Utilisez "*" pour créer une liste non ordonnée
  • Utilisez ">" pour créer un devis

Par exemple, tapez "##" et appuyez sur la barre d'espace pour commencer à écrire en H2. De cette façon, Gutenberg crée automatiquement un bloc de titre.

6. Utilisez le glisser-déposer pour réorganiser les blocs

Auparavant, le contenu du bloc devait être copié et collé si vous deviez le déplacer. Déposez-le simplement là où vous voulez le placer en le faisant glisser. Naviguez vers le côté droit du bloc et sélectionnez ces six points, comme le montre la figure ci-dessous.

Rearrange the Blocks

Source : Comment utiliser la fonction glisser-déposer

Une fois que vous avez sélectionné ce bouton, vous pouvez facilement déplacer le bloc vers un emplacement différent et le déposer à l'emplacement souhaité.

Liquidation

L'ensemble de l'éditeur de blocs Gutenberg a considérablement évolué depuis son introduction en 2018. Il vous propose désormais l'édition complète du site où l'éditeur de blocs joue un rôle encore plus crucial dans WordPress.

Pour tirer le meilleur parti de l'éditeur de blocs WordPress, vous devrez apprendre à créer de nouveaux blocs, à les modifier et à les utiliser à votre avantage.

Le système de blocs est intuitif car leurs fonctionnalités préinstallées sont très pratiques. Cependant, vous pouvez suivre les conseils mentionnés ci-dessus et les astuces pour étendre son utilisation.