Gutenberg WordPress – le maniement des blocs !

Gutenberg WordPress apparaît bien après les débuts de WordPress, qui a démarré comme un simple script PHP permettant de gérer des blogs, et ne se limitait quasiment qu’à ça. Pour ce faire, il lui fallait un éditeur dans le moteur ou noyau du CMS pour que les utilisateurs n’ayant aucune connaissance en informatique puissent éditer des textes.

La démocratisation de l’hébergement WordPress a permis à n’importe quel utilisateur débutant de construire des sites complexes et de créer des contenus à l’aide de l’éditeur classique actuel.

Au fil des années et des nouvelles versions, WordPress a abouti à un puissant éditeur intégré, aussi connu sous le nom de TinyMCE Editor (basé sur le projet TinyMCE). Oui, nous parlons bien là de l’éditeur visuel ou HTML que vous voyez lorsque vous créez un article ou une page !

C’est une petite révolution que WordPress a engagée là. En effet, Gutenberg bouleverse radicalement le concept d’édition de contenu, en plaçant les blocs au centre de la composition des publications. Vous avez envie d’en savoir plus sur Gutenberg ?

L’éditeur Gutenberg WordPress, c’est quoi ?

Pour résumer, l’éditeur Gutenberg modernise l’édition de contenu sur WordPress sans utiliser l’éditeur visuel ou HTML classique qui fonctionne grâce à TinyMCE intégré au système de gestion de contenu.

Gutenberg applique la méthode des blocs pour construire des contenus. Ces derniers peuvent adopter différents formats dans un même article ou une même page, dans la même lignée de ce que proposent la plupart des constructeurs, comme Elements, Page Builder, etc.

Grâce aux blocs, chaque paragraphe ou élément pourra avoir une forme et un design différents sur un même article ou page.

La philosophie de l’ancien éditeur WYSIWYG sera conservée, mais le bloc deviendra la vedette de la mise en page du contenu.

Les builders ou constructeurs de pages ont l’avenir assuré dans l’écosystème de la mise en page de contenu, mais ceux qui sauront le mieux s’adapter à la gestion des blocs et intégrer les avantages de Gutenberg dans leur code auront une longueur d’avance.

Il est vrai que l’éditeur TinyMCE a quelques limites qui obligent de nombreux utilisateurs à utiliser des plugins tels que « TinyMCE Advanced », créé par Andrew Ozz, pour améliorer les fonctionnalités fournies par celui qui était jusque-là l’éditeur natif de WordPress.

C’est peut-être pour cela que le moment est venu de donner une chance à Gutenberg et de tester une façon plus efficace de gérer le contenu et de le présenter, que ce soit dans des pages, des articles, des widgets ou tout autre contenu qui le permet.

Principales caractéristiques de Gutenberg WordPress

La principale caractéristique de Gutenberg, c’est que nous passons d’un écran classique, avec un encart pour le Titre, un autre pour le corps du texte, la gestion de l’image mise en avant et d’autres éléments au moyen des widgets d’édition, à une page quasi vierge, où l’on ajoute les contenus au fil de ses besoins et toujours de manière très contextuelle, avec des éléments qui apparaissent en fonction du contenu que nous voulons ajouter.

Avec Gutenberg, créer les contenus ci-après devient plus intuitif :

• Extraits de sous-titres.
• Insertion d’éléments multimédia (images, vidéos, etc.).
• Ajout de liens.
• Insertion d’images mises en avant dans les articles et les pages.
• Ajout de widgets sur les côtés des pages (en fonction du thème).
• Utilisation de codes courts pour certains plugins actifs.

L’utilisation des blocs est la grande nouveauté de Gutenberg avec laquelle il faudra se familiariser, car derrière son interface minimaliste se cache un monde de possibilités conçu pour simplifier de nombreux processus de création et de mise en page de contenu, mais sans oublier les utilisateurs avancés qui ont toujours besoin de plus et de manière plus définie pour enrichir le contenu qu’ils publient.

L’utilisation de Gutenberg ne devrait pas affecter le thème installé, surtout s’il s’agit de thèmes natifs de WordPress, car ils seront compatibles. Toutefois, si vous rencontrez des problèmes avec votre thème lors de l’installation de Gutenberg, il convient d’en informer l’auteur afin qu’il puisse vérifier et résoudre les éventuelles incompatibilités.

L’éditeur Gutenberg WordPress peut être utilisé à partir de la version 4.9.6, il est donc compatible avec l’actuelle version 4.9.7 lancée le 5 juillet, et peut parfaitement cohabiter avec l’éditeur classique, de sorte que vous pouvez modifier vos pages et vos articles avec l’un ou l’autre.

Quand Gutenberg WordPress sera-t-il officiellement disponible ?

Après plus de 30 versions de l’éditeur Gutenberg, c’est avec le WordCamp Europa que l’équipe de développement du nouvel éditeur a décidé de fixer une date de lancement plus crédible et réalisable pour le rendre disponible sur le tableau de bord des utilisateurs du CMS.

La version 4.9.8 de WordPress (qui devait être la 4.9.7 jusqu’au bug de fichiers) est en passe d’être lancée le 31 juillet.

Dans cette nouvelle version du système de gestion de contenu, un avertissement apparaîtra pour inciter les utilisateurs à tester Gutenberg, dans un premier temps pour connaître ses possibilités et son utilisation, puis pour l’installer et l’essayer. Il ne sera donc pas installé par défaut.

L’idée est que les utilisateurs donnent un feedback de leur expérience avec Gutenberg pour que les bugs ou les éventuels détails détectés puissent être peaufinés avant la date de lancement.

Avec la prochaine version de WordPress 4.9.8, l’équipe de développement de Gutenberg pourra recueillir directement (auprès des utilisateurs) les informations nécessaires pour améliorer l’éditeur de contenu en blocs en vue de son possible lancement en natif dans la prochaine version de WordPress 5.0, ce que Matt Mullenweg semble avoir en tête.

Suivant la feuille de route du nouvel éditeur, il est prévu que Gutenberg soit inclus dans le noyau de la version 5.0 du CMS à la fin du mois d’août et que d’ici fin 2018, l’éditeur soit compatible avec les appareils mobiles.

Juillet 2018 :

• Lancement de la version 4.9.8 avec un visuel invitant à installer Gutenberg ou le plugin Classic Editor via un bouton.
• Fin de la période d’essai pour les utilisateurs de WordPress.com (payant).
• Période de test et de recherche de bugs.
• Exploration de l’extension Gutenberg au-delà des articles et accent mis également sur la personnalisation du site Web.

Août 2018 et après :

• Résoudre tous les problèmes critiques détectés.
• Intégration avec Calypso (interface WordPress).
• Plus de 100 000 sites actifs et plus de 250 000 articles utilisant Gutenberg.
• Fusion avec le Core de WordPress. Début du cycle de lancement de WordPress 5.0.
• Lancement de la version bêta de la version 5.0 et finalisation des traductions.
• Version mobile de Gutenberg d’ici à la fin de l’année.

Bien entendu, les abonnements peuvent être modifiés, il est donc bon de garder un œil sur la feuille de route de Gutenberg sur le site officiel.

Désactiver Gutenberg

Lorsque Gutenberg est installé et activé dans WordPress, que vous l’avez essayé et qu’après plusieurs tentatives vous n’êtes toujours pas à l’aise, ne vous inquiétez pas, vous pouvez toujours revenir à votre ancien éditeur TinyMCE et continuer à l’utiliser normalement, de manière stable, et sans perdre de fonctionnalités, sauf bien entendu, celles créées avec le nouvel éditeur.

L’éditeur classique remplace l’éditeur Gutenberg WordPress et rétablit le modèle d’édition de contenu précédent. Il intègre les liens « Éditer » sur les pages et les articles et dans la barre d’outils (admin bar).

Remarque : si votre WordPress avait déjà TinyMCE en natif parce que vous venez de versions précédentes, vous n’avez pas besoin d’installer et d’activer le « Classic Editor ». En effet, il vous suffira de le réinstaller à l’aide d’un plugin si vous ne l’avez pas supprimé, car il ne s’agit pas d’un plugin que vous pouvez directement désinstaller.

Veillez à faire une sauvegarde avant d’apporter des modifications importantes à votre site Web, notamment celles qui impliquent l’installation ou la suppression de plugins ou la désactivation de fonctionnalités essentielles de WordPress.

Conclusions

Gutenberg WordPress n’est pas venu pour détrôner qui que ce soit, ni TinyMCE, ni les constructeurs de pages, car ce n’est pas sa mission. Lorsque l’équipe de WordPress estimera que le moment est venu, il viendra remplacer l’éditeur « Visuel et HTML » pour ceux qui le souhaitent et qui sont prêts à adopter la disposition en blocs. Quant aux autres, ils pourront toujours continuer à utiliser TinyMCE sans aucune restriction.

C’est précisément la raison d’être du logiciel libre ou sous licence GPL : outre la possibilité de voir votre code, le modifier ou le reproduire, en mentionnant l’auteur, vous avez la liberté de choisir vos outils de travail et l’architecture. Un choix que vous conserverez tant que WordPress.org le permettra.

Gutenberg sera à n’en pas douter l’éditeur 2019. Il est donc conseillé de s’adapter à ses possibilités plutôt que d’essayer de le fuir, car il constituera, d’une manière ou d’une autre, une partie essentielle du noyau de votre CMS préféré appelé WordPress.

Vous avez déjà essayé Gutenberg WordPress ? Vous avez un avis sur le potentiel du nouvel éditeur de contenu et tout ce qu’il peut apporter à WordPress pour améliorer l’utilisation du CMS le plus populaire ?

Dites-nous tout dans les commentaires !

Pour découvrir plus de termes, jetez un coup d’œil à notre dictionnaire :

Barbara Seigne , 23 mai 2022