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 con­ti­nuel­le­ment amélioré. L’une des plus grandes ré­vo­lu­tions dans l’histoire de WordPress a été l’in­tro­duc­tion 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 ini­tia­tive visant à mo­der­ni­ser WordPress. Il comprend plusieurs phases et a pour objectif d’améliorer l’ex­pé­rience complète de WordPress, de la création d’articles à la con­cep­tion 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. Con­trai­re­ment à l’ancienne méthode de trai­te­ment de texte, qui utilisait HTML et des short­codes, le nouvel éditeur est basé sur un système modulaire de blocs. Chaque type de contenu, qu’il s’agisse d’un pa­ra­graphe, d’une image ou d’un tableau, est un bloc distinct pouvant être per­son­na­lisé in­di­vi­duel­le­ment. Cela facilite non seulement la création de pu­bli­ca­tions 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 : his­to­rique

Le dé­ve­lop­pe­ment de cet éditeur WYSIWYG a commencé dans le but de rendre WordPress plus convivial et de le maintenir com­pé­ti­tif face aux cons­truc­teurs de sites modernes. Annoncé en 2017, le projet a suscité des réactions partagées, certains saluant l’in­no­va­tion tandis que d’autres craig­naient des problèmes de com­pa­ti­bi­lité avec les outils existants. En 2018, une version bêta de l’éditeur de blocs est lancée sous forme de plugin, avant son in­té­gra­tion dans WordPress 5.0 en décembre de la même année.

Depuis son in­té­gra­tion of­fi­cielle, de nom­breuses mises à jour ont amélioré la fonc­tion­na­lité et l’uti­li­sa­bi­lité de l’outil, notamment l’in­tro­duc­tion 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 pos­si­bi­li­tés de con­cep­tion grâce à de nouvelles fonc­tion­na­li­tés comme les modèles de blocs, les blocs réu­ti­li­sables et les blocs de thème.

Comment fonc­tionne 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 ca­rac­té­ris­tiques qui le dis­tin­guent de l’ancien éditeur TinyMCE :

1. Blocs comme base de la création de contenu : il existe dif­fé­rents types de blocs pour textes, images, vidéos, listes, tableaux et bien plus encore. Chaque bloc peut être modifié, déplacé ou ajusté in­di­vi­duel­le­ment.
2. Modèles de blocs pré­fa­bri­qués : WordPress propose des motifs de blocs qui per­met­tent aux uti­li­sa­teurs de créer ra­pi­de­ment des mises en page pro­fes­sion­nelles. Cette fonc­tion­na­lité de WordPress Gutenberg contribue gran­de­ment à sa con­vi­via­lité, car même des mises en page complexes peuvent être réalisées sans con­nais­sances tech­niques ap­pro­fon­dies.
3. Styles et mises en page per­son­na­li­sables : les couleurs, polices et es­pa­ce­ments peuvent être adaptés pour chaque bloc, sans né­ces­si­ter de con­nais­sances en CSS.
4. Blocs réu­ti­li­sables : les uti­li­sa­teurs peuvent en­re­gis­trer leurs propres blocs et les réu­ti­li­ser dans plusieurs articles.
5. Pos­si­bi­lité 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 di­rec­te­ment dans l’éditeur.

Avantages et in­con­vé­nients de WordPress Gutenberg

Comme tout grand chan­ge­ment, l’éditeur de blocs présente à la fois des aspects positifs et négatifs. Un avantage majeur de l’éditeur WordPress Gutenberg est sa sim­pli­cité d’uti­li­sa­tion. Grâce à la fonc­tion­na­lité de glisser-déposer, la création de contenu est intuitive. Les pos­si­bi­li­tés de con­cep­tion flexibles et les mises en page in­di­vi­duelles (ne né­ces­si­tant pas de plugin de page builder sup­plé­men­taire) peuvent également être réalisées grâce à la structure en blocs de l’éditeur. Les uti­li­sa­teurs sont par ailleurs moins dé­pen­dants des short­codes, car de nom­breuses fonctions au­pa­ra­vant insérées grâce à eux sont désormais dis­po­nibles sous forme de blocs. Avec le full site editing, des pages Web entières peuvent être modifiées di­rec­te­ment dans l’éditeur.

Bien qu’il offre de nom­breuses fonc­tion­na­li­tés, certains cons­truc­teurs de pages tiers offrent encore plus de flexi­bi­lité ou de fonc­tion­na­li­tés avancées. Un autre in­con­vé­nient de Gutenberg est sa faible com­pa­ti­bi­lité 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 ha­bi­tuel­le­ment le cas avec WordPress, grâce à de nombreux plugins qui ajoutent des blocs sup­plé­men­taires, des options de design et des fonc­tion­na­li­tés. Voici une sélection des meilleurs plugins WordPress pour étendre les fonc­tion­na­li­tés de Gutenberg :

• Spectra : ajoute de nombreux blocs sup­plé­men­taires, notamment des boutons call-to-action (CTA) avancés, des boîtes d’in­for­ma­tion et des té­moig­nages.
• Kadence Blocks : offre des systèmes de grille per­son­na­li­sables, des for­mu­laires avancés et des éléments in­te­rac­tifs avec prise en charge de l’IA.
• Stackable : contient une bi­blio­thèque riche de blocs et de templates, idéal pour des designs pro­fes­sion­nels.
• CoBlocks : se concentre sur les éléments de mise en page et de design avec des blocs sup­plé­men­taires pour les colonnes, les galeries et les en-têtes.