TechBlogSD - Tout pour le développement WordPress et WEB
Instructions WEB et WordPress, actualités, revues de thèmes et plugins

12 conseils de Gutenberg pour WordPress

19

Cela fait presque un an que WordPress a changé l’éditeur classique et introduit le controversé éditeur Gutenberg. Il y a plus de 5 millions d’utilisateurs qui s’accrochent toujours au plugin Classic Editor pour continuer à créer du contenu à l’ancienne. De plus, il existe également de nombreux plugins pour désactiver l’éditeur Gutenberg sur l’ installation de WordPress. Cependant, cela ne peut pas aller trop loin car de nombreux développeurs de plugins et de thèmes commencent à créer des blocs pour que Gutenberg intègre les fonctions. Yoast est l’un des bons exemples qui soutient Gutenberg dès le début. Cela n’a pas non plus de sens d’avoir des plugins pour désactiver la fonctionnalité de base de WordPress. Dans cet article, laissez-nous vous expliquer les astuces utiles de Gutenberg pour que vous puissiez basculer définitivement vers cet éditeur.

Conseils de Gutenberg pour WordPress

Si vous prévoyez de rester avec WordPress plus longtemps, alors l’avenir est Gutenberg et vous devriez commencer à l’utiliser efficacement en oubliant les chances.

  • Utiliser les raccourcis clavier
  • Personnaliser le gestionnaire de blocs
  • Options d’écriture sans distraction
  • Créer des blocs d’appel à l’action
  • Blocs réutilisables
  • Contenu en double
  • Désactiver les vérifications préalables à la publication
  • Modifier les éléments au format HTML
  • Utiliser les blocs Widgets
  • Vérifier les nouvelles fonctionnalités
  • arrêter d’utiliser les plugins de création de pages
  • Histoires CHA

1 Raccourcis clavier de Gutenberg

Les anciens raccourcis clavier avec l’éditeur classique ne fonctionneront plus avec l’éditeur Gutenberg. Vous pouvez obtenir rapidement tous les raccourcis clavier Gutenberg disponibles en appuyant sur les touches « Ctrl + Alt + H".

Vous pouvez obtenir une fenêtre contextuelle pratique qui affichera tous les raccourcis.

12 conseils de Gutenberg pour WordPress

Afficher les raccourcis clavier de Gutenberg

2 Utiliser le gestionnaire de blocs

Gutenberg a de nombreux blocs par défaut classés sous différents groupes. Cependant, il peut être ennuyeux d’avoir autant de blocs alors que vous n’avez pas besoin d’en utiliser beaucoup. Le meilleur exemple est le " Embeds " ayant plus de 30 blocs.

12 conseils de Gutenberg pour WordPress

Gutenberg intègre des blocs

Nous sommes à peu près sûrs que vous n’avez pas besoin de conserver toutes ces options d’intégration à chaque fois que vous essayez de rechercher un bloc. Cliquez sur le bouton « Afficher plus d’outils et d’options » (trois points) dans le coin supérieur droit et choisissez « Gestionnaire de blocs » dans la section « Outils ».

12 conseils de Gutenberg pour WordPress

Gestionnaire de blocs à Gutenberg

Cela ouvrira une fenêtre contextuelle affichant tous les blocs disponibles sur votre site. Vérifiez et désactivez les blocs que vous ne souhaitez pas utiliser sur votre site.

12 conseils de Gutenberg pour WordPress

Désactiver les blocs Gutenberg dans le gestionnaire de blocs

3 Écriture sans distraction

Gutenberg propose plusieurs façons d’utiliser l’écriture sans distraction et de vous concentrer sur votre travail.

  • Par défaut, il affiche les options de formatage pertinentes uniquement lorsque vous cliquez sur l’élément.
  • Cliquez sur les options "Afficher plus d’outils et d’options" qui ressemblent à trois points verticaux dans le coin supérieur droit et sélectionnez "Mode plein écran" pour voir l’éditeur en mode plein écran.
  • L’option "Mode Spotlight" vous aidera à vous concentrer uniquement sur l’élément sur lequel vous travaillez actuellement. Ceci est utile lorsque vous devez vous concentrer sur la création d’une liste ou la saisie d’un long paragraphe.
  • Cliquez sur l’icône des paramètres d’engrenage qui s’affiche en haut à droite pour afficher ou masquer le document ou le panneau de blocage sur le côté droit.

4 Utilisez l’appel à l’action

Gutenberg a des fonctions très utiles qui n’étaient pas disponibles avec l’ancien éditeur classique. Vous pouvez facilement ajouter des couleurs à l’arrière-plan et au texte du paragraphe pour créer un appel à l’action attrayant. Vous n’avez pas besoin de modifier de CSS ou d’utiliser des plugins tiers à cette fin.

12 conseils de Gutenberg pour WordPress

Ajouter un appel à l’action dans l’éditeur Gutenberg

De même, vous pouvez ajouter des boutons et personnaliser avec différents arrière-plans dans l’éditeur.

5 blocs réutilisables

L’une des beautés de l’utilisation de Gutenberg réside dans les blocs réutilisables. Vous pouvez personnaliser un paragraphe, un bouton ou une liste et cliquer sur le bouton d’options à trois points pour cet élément. Choisissez « Ajouter aux blocs réutilisables » et indiquez le nom de ce bloc.

12 conseils de Gutenberg pour WordPress

Ajouter un bloc réutilisable dans Gutenberg

Plus tard, à tout moment, vous pouvez insérer le bloc réutilisable sur n’importe quel article de votre site. Vous pouvez soit modifier localement ce message, soit l’utiliser comme élément global.

12 conseils de Gutenberg pour WordPress

Insérer des blocs réutilisables

Nous utilisons les blocs réutilisables pour insérer des liens d’affiliation sur tout le site. En quelques clics, nous pouvons mettre à jour ou modifier le bloc réutilisable avec un contenu différent qui apparaît sur différents messages.

6 blocs de duplication

Semblable aux blocs réutilisables, vous pouvez facilement dupliquer un bloc sur le même message et le réutiliser. Disons que si vous avez personnalisé un bloc de boutons, vous pouvez dupliquer le même bouton et mettre à jour le texte/lien. Cliquez sur le bouton "Plus d’options" pour cet élément et choisissez l’option "Dupliquer" pour créer une copie.

7 Désactiver les contrôles de pré-publication

WordPress vous demandera de confirmer et de suggérer avant de publier un article à chaque fois. Cependant, vous pouvez désactiver cette vérification de pré-publication si vous pensez qu’elle est ennuyeuse. Allez dans "Afficher plus d’outils et d’options > Options" et décochez "Activer les vérifications de pré-publication". Alternativement, vous pouvez également désactiver la vérification lors de la publication d’un article.

12 conseils de Gutenberg pour WordPress

Désactiver la vérification de pré-publication

8 Modifier les éléments en HTML

Auparavant, avec l’éditeur classique, vous deviez basculer entre les modes visuel et texte pour modifier le code HTML source sur l’éditeur. C’est une sorte de processus similaire dans Gutenberg que vous pouvez basculer entre le code et les éditeurs visuels à l’aide d’un raccourci clavier ou à partir du panneau d’options. De plus, vous pouvez également facilement modifier le code HTML de n’importe quel élément séparément. Cliquez sur l’icône « Plus d’options » sur l’élément et choisissez « Modifier en HTML » pour afficher le code. Vous pouvez basculer en mode normal en sélectionnant l’option "Plus d’options > Modifier visuellement". Ceci est utile lorsque vous souhaitez ajouter nofollow aux hyperliens dans l’éditeur.

9 Utiliser les blocs de widgets

La catégorie «Widgets» contient de nombreux blocs utiles qui n’étaient pas possibles auparavant. Vous pouvez insérer les derniers commentaires, les derniers messages, les archives, le calendrier, les catégories, les flux RSS, la recherche, le nuage de tags et le shortcode dans le contenu de la publication.

12 conseils de Gutenberg pour WordPress

Blocs de widgets Gutenberg

En outre, vous pouvez également insérer du code HTML personnalisé dans le contenu de la publication à l’aide du bloc « HTML personnalisé » disponible sous les blocs « Formatage ».

10 Utiliser les nouvelles fonctionnalités

De nombreuses nouvelles fonctionnalités sont disponibles dans Gutenberg. Vous pouvez essayer pendant quelques semaines de passer de l’éditeur classique et nous pensons que vous ne reviendrez pas de sitôt.

  • Le bloc de paragraphe a une option «Lettrine» pour créer la première lettre avec un style lettrine.
  • Vous pouvez ajouter une classe CSS supplémentaire à n’importe quel élément individuel et ajouter les définitions de style CSS dans la section "Apparence > Personnaliser > CSS supplémentaire".
  • Modifiez les éléments d’un paragraphe à une liste et convertissez-en beaucoup d’autres.
  • Créez des tableaux simples, rayés et à largeur fixe à l’aide du bloc « Tables ».
  • Utilisez les blocs « Colonnes » et « Couverture » ​​pour créer du contenu qui n’était pas possible avec l’éditeur classique.

11 Arrêtez d’utiliser les plugins Page Builder

Contrairement à la malédiction de beaucoup de gens, Gutenberg a certainement beaucoup de choses positives. Beaucoup de ceux qui détestent Gutenberg utilisent les plugins de création de page personnalisés comme Visual Composer, Elementor ou SiteOrigin page builder. Bien que ces plugins soient utiles, le contenu créé avec ces plugins de création de pages ne fonctionnera que lorsque le plugin est actif sur votre site. Au moment où vous désactivez le plugin, le contenu deviendra illisible dans le frontend. Et c’est une tâche ardue de migrer le contenu de ces plugins de création de pages.

Par conséquent, nous vous recommandons fortement de ne pas utiliser de plugin personnalisé pour créer des centaines de messages. Vous pouvez utiliser Gutenberg ou utiliser des plugins personnalisés pour ne créer que quelques pages pouvant être facilement mises à jour.

12 histoires de CHA

Si vous utilisez la version du plugin AMP et Gutenberg, les dernières histoires AMP peuvent être une option très attrayante pour vous. Il vous aide à créer un contenu convivial pour les mobiles en pleine page à présenter à vos lecteurs.

Conclusion

Si vous n’êtes pas convaincu ou habitué à l’ancien éditeur classique, Gutenberg propose également un bloc "Classique" dans la section "Mise en forme". Nous vous recommandons d’arrêter d’utiliser votre constructeur de pages préféré et de vous concentrer sur l’utilisation de Gutenberg comme éditeur par défaut. Cela vous aidera à vous familiariser avec les nouveaux changements qui accompagneront les futures mises à niveau de WordPress.

Source d’enregistrement: www.webnots.com
Leave A Reply

Ce site utilise des cookies pour améliorer votre expérience. Nous supposerons que cela vous convient, mais vous pouvez vous désinscrire si vous le souhaitez. J'accepte Plus de détails