Block editor WordPress

Les avantages et les inconvénients de l’éditeur du block WordPress

WordPress Block Editor, également connu sous le nom de Block Editor, WordPress Editor, Gutenberg Editor, est une nouvelle façon de publier du contenu sur WordPress. En 2017, la première version de Gutenberg est sortie, et le plaisir et les tests ont commencé. Gutenberg est le nom du projet choisi pour un processus en quatre étapes qui touchera chaque élément de WordPress : éditorial, personnalisé, collaboratif et multilingue (source). Une partie de la première phase consiste à se débarrasser de l’ancien éditeur classique et à adopter un nouvel éditeur basé sur des blocs. Il est impossible de lister toutes les différences entre l’éditeur classique et l’éditeur de blocs.

Les blocs sont des éléments que l’on peut ajouter au contenu pour construire des mises en page. Vous pouvez ajouter des blocs tels que des paragraphes, des images, des titres, des listes, des vidéos, des galeries et plus encore. Vous pouvez facilement contrôler la disposition des blocs pour créer des pages Web visuellement attrayantes. WordPress a des blocs pour tous les éléments de contenu populaires et encore plus peuvent être ajoutés via les plugins WordPress.

I. L’espace de travail de l’éditeur de blocs

Pour accéder à l’éditeur de blocs WordPress, vous pouvez cliquer sur « Ajouter un nouveau » sous l’onglet « Messages » ou sous l’onglet « Pages ». Par défaut, l’éditeur de blocs s’ouvre en mode plein écran.

L’espace de travail de l’éditeur de blocs WordPress est composé de trois sections principales :

• la barre d’outils située en haut de l’écran, la barre latérale qui regroupe les paramètres de publication/page et les paramètres de bloc, ainsi que la zone de contenu au centre de l’écran.

1.1. La barre d’outils supérieure

En haut à gauche de l’espace de travail de l’éditeur de blocs, vous trouverez les options suivantes :

• « Quitter l’éditeur » : cette option est représentée par l’icône W par défaut, ou par l’icône du site si elle est disponible. En cliquant dessus, vous pouvez quitter l’éditeur. Une fenêtre s’ouvrira alors pour vous permettre d’enregistrer les modifications ou de quitter sans enregistrer.
• « Inserteur de blocs » : cette option vous permet d’ajouter des blocs ou des modèles à votre message ou à votre page.
• Dans la barre d’outils de l’éditeur de blocs, vous trouverez l’option « Outils« . Cette option vous permet de basculer entre la modification d’un bloc et la sélection d’un bloc. Pour sélectionner des blocs individuels, vous pouvez choisir l’outil « Sélectionner » ou appuyer sur la touche Échap de votre clavier. Une fois que vous avez sélectionné un bloc, vous pouvez appuyer sur la touche Entrée de votre clavier pour revenir à l’édition.
• Annuler » et « Refaire » : ces options vous permettent d’annuler une action ou de refaire une action annulée.
• Une icône en forme de « i » minuscule entourée d’un cercle est présente dans la barre d’outils. Cliquez sur cette icône pour obtenir des informations supplémentaires sur l’éditeur de blocs.
• « Détails » : cette option vous permet d’obtenir des informations détaillées sur le message ou la page que vous êtes en train de créer, comme le nombre de caractères et de mots, le temps de lecture estimé, le nombre de paragraphes et de blocs, ainsi que le plan du document montrant la structure des en-têtes sur le message ou la page.
• L’option « Vue de la liste » vous permet de visualiser la liste de tous les blocs présents sur votre message ou votre page, et de naviguer facilement entre eux.

Avant de publier votre message ou votre page, vous trouverez les options suivantes dans le coin supérieur droit de l’éditeur de blocs.

• « Enregistrer le brouillon » : cette option vous permet d’enregistrer votre message ou votre page en tant que brouillon sans le publier.
• « Voir » : cette option vous permet de prévisualiser votre message ou votre page sur votre site.
• « Publier » : cette option vous permet de rendre votre message ou votre page accessible au public.

Après avoir publié votre message ou votre page, vous trouverez les options suivantes dans le coin supérieur droit de l’éditeur de blocs :

• « Passer au brouillon » : cette option vous permet de modifier un message ou une page publiée et de le transformer en brouillon.
• « Voir » : cette option vous permet de prévisualiser votre message ou votre page sur votre site.
• « Mise à jour » : cette option vous permet d’enregistrer les modifications apportées à votre message ou votre page publiée.
• Pour afficher ou masquer les paramètres de publication/page et de bloc, utilisez l’option « Paramètres » dans la barre latérale.

L’icône de trois points verticaux vous permet d’accéder à plus d’options.

• Cliquez sur « Options » pour ouvrir davantage d’options.
• Pour personnaliser votre expérience d’édition, cliquez sur les trois points à droite de l’icône « cog » des paramètres dans le coin supérieur droit.

1.2. Visualisation

• Vous pouvez choisir d’afficher ou de masquer la barre d’outils supérieure dans l’éditeur WordPress. Si vous l’activez, les barres d’outils de blocs seront épinglées en haut de l’éditeur de blocs, juste en dessous de la barre d’outils supérieure, plutôt que de s’afficher directement au-dessus du bloc.
• Dans l’éditeur de blocs de WordPress, vous pouvez activer ou désactiver la barre d’outils supérieure. Si vous la laissez activée, les barres d’outils de blocs seront épinglées en haut de l’éditeur, juste en dessous de la barre d’outils supérieure, plutôt que de s’afficher directement au-dessus du bloc.
• En tant que rédacteur en chef, vous pouvez utiliser l’éditeur visuel par défaut pour créer du contenu. Si vous souhaitez afficher et éditer le code HTML complet de l’article ou de la page, vous pouvez passer à l’éditeur de code.
• Vous avez également accès à des outils tels que la gestion de blocs réutilisables, les raccourcis clavier, le guide de bienvenue de l’éditeur de blocs WordPress, la copie de tout le contenu du message ou de la page, ainsi que des articles d’assistance supplémentaires pour vous aider dans l’édition.
• Dans le menu des préférences, vous pouvez personnaliser votre expérience d’édition en modifiant la façon dont vous interagissez avec les blocs et en choisissant les blocs qui apparaissent lors de la recherche. Vous pouvez également choisir d’afficher ou de masquer les panneaux individuels dans les paramètres du poste ou de la page.

II. Comment éteindre le mode plein écran ?

• Pour quitter le mode plein écran, il suffit de cliquer sur le menu à trois points situé en haut à droite de l’écran et de décocher l’option « Plein écran ». Votre choix sera enregistré localement sur votre navigateur, mais il ne sera pas conservé si vous changez de navigateur ou d’ordinateur. Les utilisateurs de Safari devront également faire face à une réinitialisation occasionnelle des paramètres par défaut, car le navigateur supprime périodiquement les entrées de stockage local.
• Pour éviter ce problème, vous pouvez utiliser un plugin appelé « Persistent Block Editor Settings », qui stocke votre préférence de mode plein écran dans une base de données. De cette façon, votre choix sera cohérent sur tous les navigateurs et appareils. Les développeurs travaillent actuellement à trouver une solution plus permanente.

III. Quels sont les avantages ?

3.1. Le support de Markdown

L’éditeur WordPress prend en charge la possibilité de coller dans Markdown. L’éditeur ne prend toujours pas en charge la possibilité d’écrire uniquement dans Markdown hors de la boîte, mais il y arrive. Vous pouvez également ajouter tous vos raccourcis Markdown préférés en utilisant des plugins comme Iceberg. L’éditeur ne prend toujours pas en charge les fonctionnalités écrites uniquement dans Markdown, mais c’est le cas. 

Vous pouvez également utiliser un plugin comme Iceberg pour ajouter tous vos raccourcis Markdown préférés. D’autres plugins WordPress comme EditorsKit et JetPack ont ​​également des options pour ajouter le support Markdown.

3.2. Plus de recharge

Les éditeurs traditionnels vous demandent d’enregistrer des brouillons et de recharger la page entière. Dans l’éditeur de blocs wordpress, vous n’avez plus besoin d’un rechargement complet lors de l’enregistrement d’un brouillon ou de la mise à jour d’un article. En utilisant des blocs, vous avez une image complète de la direction de votre contenu.

Grâce à generatePress, GenerateBlocks vous pouvez supprimer des lignes de code personnalisées

3.3. Mettre en évidence

La surbrillance dans l’éditeur de blocs WordPress est désormais la même qu’avant. Par exemple, disons que vous avez des mots en gras. Si vous vouliez les dégraisser dans un éditeur traditionnel, il fallait surligner tous les mots. Vous pouvez maintenant désactiver les mots en cliquant n’importe où dans la zone en gras de l’éditeur de blocs WordPress. Il en va de même pour le soulignement. De petites choses comme celle-ci s’additionnent vraiment avec le temps.

3.4. Fonctionnalité de contour

La fonctionnalité de plan de document dans l’éditeur de blocs WordPress est en fait plutôt cool. Cliquez simplement sur un en-tête pour accéder instantanément à cette section du message. Non seulement cela, mais il y a une certaine logique derrière cela. Dans l’exemple ci-dessous, vous pouvez voir qu’on m’a informé du mauvais niveau d’en-tête (saut de l’en-tête H2 à l’en-tête H4). En ce qui concerne la construction, vous devez d’abord utiliser H3.

3.5. Ajouter des légendes sur des images

Ajouter des légendes sur des images est si facile. Les éditeurs traditionnels exigent que vous téléchargiez une image, que vous cliquiez sur l’image pour ouvrir une nouvelle fenêtre et que vous saisissiez une légende. Maintenant, dans l’éditeur de blocs WordPress, vous pouvez télécharger votre image et saisir votre légende directement en dessous.

3.6. L’écriture

En plus de l’éditeur de blocs WordPress, vous pouvez choisir parmi plusieurs vues lors de la création. En fin de compte, l’objectif du nouvel éditeur était d’améliorer l’expérience d’écriture globale. Je pense qu’il a des concurrents comme Medium qui assomment les chaussettes de l’ancien éditeur classique. Heureusement, l’éditeur de blocs de WordPress se comporte désormais comme n’importe quelle autre plateforme d’écriture tierce.

Il existe trois vues différentes :

• Barre d’outils supérieure : accédez à tous les outils de bloc et de document en un seul endroit. 
• Mode Spotlight : Concentrez vous sur un bloc à la fois. 
• Mode plein écran : Travaillez sans distractions.

3.7. Liens d’ancrage 

L’éditeur de blocs WordPress peut enfin ajouter des identifiants dans la même vue. aucun plugin nécessaire. L’ajout de liens d’ancrage HTML dans l’ancien éditeur était très fastidieux car il fallait passer en mode code pour ajouter l’ID. Et je devais le faire en HTML. C’est un énorme problème et une grande raison pour laquelle les personnes qui souhaitent ajouter des liens d’ancrage peuvent installer un plugin WordPress pour le rendre plus facile.

IV. Les inconvénients

4.1. Le curseur 

Le curseur ne suit pas toujours correctement lorsque vous cliquez sur différents blocs. Parfois, il saute d’avant en arrière, vous devez donc être très prudent avec le placement de votre curseur et réessayer plusieurs fois. Sinon, vous pourriez facilement commencer à taper dans le mauvais bloc. Pire encore, il peut défiler vers le haut.

4.2. Les Thèmes

Remplacer un thème par un style d’éditeur n’a pas toujours la même apparence. Vos préférences peuvent varier en fonction de la raison pour laquelle vous utilisez l’éditeur de blocs et si vous passez d’un site Web à l’autre.

4.3. Grammarly

Grammarly ne fonctionne pas et ne fonctionnera probablement pas

4.4. Les commentaires sur les messages 

Auparavant, vous pouviez faire défiler jusqu’au bas du message sur lequel vous travailliez et voir les commentaires en attente. C’est un excellent moyen de rattraper son retard sur les critiques tout en se concentrant sur le sujet en question. Il n’existe plus.

Vous devrez maintenant répondre aux commentaires depuis la fenêtre principale du tableau de bord ou en cliquant sur l’icône de commentaire sur l’écran « Tous les messages ». Le problème est que vous pouvez également lire le contenu de l’article.