WordPress Gutenberg : l’éditeur de blocs à la loupe

WordPress est le système de gestion de contenu le plus utilisé dans le monde et est continuellement amélioré. L’une des plus grandes révolutions dans l’histoire de WordPress a été l’introduction de l’éditeur de blocs dans le cadre du projet Gutenberg (d’où son nom, WordPress Gutenberg). L’éditeur de blocs a remplacé l’éditeur classique TinyMCE et a apporté une nouvelle manière de créer du contenu.

Qu’est-ce que WordPress Gutenberg ?

Le projet Gutenberg est une initiative visant à moderniser WordPress. Il comprend plusieurs phases et a pour objectif d’améliorer l’expérience complète de WordPress, de la création d’articles à la conception complète d’un site. L’éditeur de blocs est le premier grand jalon de ce projet. Il a été introduit avec WordPress 5.0 en décembre 2018 et remplace l’ancien éditeur classique. Contrairement à l’ancienne méthode de traitement de texte, qui utilisait HTML et des shortcodes, le nouvel éditeur est basé sur un système modulaire de blocs. Chaque type de contenu, qu’il s’agisse d’un paragraphe, d’une image ou d’un tableau, est un bloc distinct pouvant être personnalisé individuellement. Cela facilite non seulement la création de publications et de pages, mais permet également des mises en page complexes sans avoir à utiliser de CSS CSS avancé ni de plugin type page builder.

WordPress Gutenberg : historique

Le développement de cet éditeur WYSIWYG a commencé dans le but de rendre WordPress plus convivial et de le maintenir compétitif face aux constructeurs de sites modernes. Annoncé en 2017, le projet a suscité des réactions partagées, certains saluant l’innovation tandis que d’autres craignaient des problèmes de compatibilité avec les outils existants. En 2018, une version bêta de l’éditeur de blocs est lancée sous forme de plugin, avant son intégration dans WordPress 5.0 en décembre de la même année.

Depuis son intégration officielle, de nombreuses mises à jour ont amélioré la fonctionnalité et l’utilisabilité de l’outil, notamment l’introduction de l’édition complète du site dans WordPress 5.8 et 5.9. À partir de WordPress 6.1, l’éditeur de blocs est un composant essentiel, offrant de plus en plus de possibilités de conception grâce à de nouvelles fonctionnalités comme les modèles de blocs, les blocs réutilisables et les blocs de thème.

Comment fonctionne WordPress Gutenberg ?

L’éditeur de blocs WordPress est basé sur un système modulaire. Chaque article et chaque page sont composés de blocs qui peuvent contenir divers contenus. Il possède plusieurs caractéristiques qui le distinguent de l’ancien éditeur TinyMCE :

1. Blocs comme base de la création de contenu : il existe différents types de blocs pour textes, images, vidéos, listes, tableaux et bien plus encore. Chaque bloc peut être modifié, déplacé ou ajusté individuellement.
2. Modèles de blocs préfabriqués : WordPress propose des motifs de blocs qui permettent aux utilisateurs de créer rapidement des mises en page professionnelles. Cette fonctionnalité de WordPress Gutenberg contribue grandement à sa convivialité, car même des mises en page complexes peuvent être réalisées sans connaissances techniques approfondies.
3. Styles et mises en page personnalisables : les couleurs, polices et espacements peuvent être adaptés pour chaque bloc, sans nécessiter de connaissances en CSS.
4. Blocs réutilisables : les utilisateurs peuvent enregistrer leurs propres blocs et les réutiliser dans plusieurs articles.
5. Possibilité d’éditer le site en entier (full site editing) : depuis WordPress 5.8, l’éditeur de blocs permet également de modifier les en-têtes, les pieds de page et d’autres parties de modèle directement dans l’éditeur.

Avantages et inconvénients de WordPress Gutenberg

Comme tout grand changement, l’éditeur de blocs présente à la fois des aspects positifs et négatifs. Un avantage majeur de l’éditeur WordPress Gutenberg est sa simplicité d’utilisation. Grâce à la fonctionnalité de glisser-déposer, la création de contenu est intuitive. Les possibilités de conception flexibles et les mises en page individuelles (ne nécessitant pas de plugin de page builder supplémentaire) peuvent également être réalisées grâce à la structure en blocs de l’éditeur. Les utilisateurs sont par ailleurs moins dépendants des shortcodes, car de nombreuses fonctions auparavant insérées grâce à eux sont désormais disponibles sous forme de blocs. Avec le full site editing, des pages Web entières peuvent être modifiées directement dans l’éditeur.

Bien qu’il offre de nombreuses fonctionnalités, certains constructeurs de pages tiers offrent encore plus de flexibilité ou de fonctionnalités avancées. Un autre inconvénient de Gutenberg est sa faible compatibilité avec les versions anciennes de WordPress et avec certains plugins.

Plugins pour étendre l’éditeur de blocs

L’éditeur de blocs peut également être étendu, comme c’est habituellement le cas avec WordPress, grâce à de nombreux plugins qui ajoutent des blocs supplémentaires, des options de design et des fonctionnalités. Voici une sélection des meilleurs plugins WordPress pour étendre les fonctionnalités de Gutenberg :

• Spectra : ajoute de nombreux blocs supplémentaires, notamment des boutons call-to-action (CTA) avancés, des boîtes d’information et des témoignages.
• Kadence Blocks : offre des systèmes de grille personnalisables, des formulaires avancés et des éléments interactifs avec prise en charge de l’IA.
• Stackable : contient une bibliothèque riche de blocs et de templates, idéal pour des designs professionnels.
• CoBlocks : se concentre sur les éléments de mise en page et de design avec des blocs supplémentaires pour les colonnes, les galeries et les en-têtes.