Bonjour Gutenberg - Examen du nouvel éditeur de WordPress 5

Les temps changent pour WordPress et vous vous réveillerez bientôt avec le tout nouveau WordPress 5.0 à venir. Parmi les nombreuses nouvelles fonctionnalités livrées avec WordPress, il y a une partie intégrante réinventée de tout site Web WordPress - l'éditeur.

Gutenberg, un éditeur de texte enrichi open source et une alternative au propre éditeur de WordPress, sera désormais livré par défaut avec la mise à jour majeure de votre blog. En tant que plugin open source, Gutenberg est non seulement robuste, mais également riche en fonctionnalités.

La transition vers un nouvel éditeur peut s'avérer complexe. Cependant, malgré les nombreux avis positifs et négatifs concernant l'extension, nous vous proposons un aperçu de ce que vous pouvez attendre de Gutenberg une fois installé sur votre blog WordPress.

Concept de Gutenberg

Le concept fondamental de Gutenberg, et peut-être le changement le plus radical par rapport à l'éditeur WordPress par défaut, réside dans l'idée de blocs. Qu'est-ce qu'un bloc ? Imaginez un article et ses principaux composants : texte, images, listes, ou encore vidéos intégrées. Chacun de ces éléments, et bien d'autres, est considéré comme un bloc dans Gutenberg.

Dans ce contexte, un article est une succession de ces blocs. Cependant, ces blocs ne servent pas uniquement à la création de contenu. Gutenberg propose un large choix de blocs, ainsi que des options de mise en forme, de mise en page et même des widgets. De plus, ce ne sont pas seulement les fonctionnalités qui diffèrent de l'éditeur WordPress par défaut, mais aussi son apparence.

Le plugin Gutenberg a déjà été salué pour sa simplicité et sa lisibilité, offrant un espace épuré où les auteurs peuvent se concentrer sur la création de contenu. En effet, même les paramètres peuvent être masqués pour un espace de création minimaliste.

Néanmoins, l'extension est encore balbutiante, et cela se voit. Le copier-coller entraîne la perte de la mise en forme, ce qui oblige à saisir la plupart du contenu directement dans Gutenberg. La mise en page par blocs présente également quelques problèmes.

Un autre défaut majeur réside dans le fait que chaque paragraphe est contenu dans son propre bloc. Concrètement, cela signifie que modifier la mise en forme d'un paragraphe n'affecte pas celle des autres, même s'ils sont adjacents. Il n'existe aucun outil permettant de modifier simultanément la mise en forme de plusieurs blocs.

Enrichir le contenu avec des médias intégrés

Si vous pensez que le multimédia fait partie intégrante du contenu créatif, vous serez ravi d'apprendre que Gutenberg intègre une prise en charge d'un grand nombre de types de médias.

Que ce soit Vimeo, Spotify ou YouTube, Gutenberg simplifie considérablement l'intégration de contenus hébergés directement au cœur de votre blog WordPress. En revanche, le contenu intégré présente certaines limitations.

Si certains contenus, notamment les images, peuvent être redimensionnés, la plupart des contenus intégrés semblent manquer d'options de personnalisation et de mise en page. Par exemple, les vidéos YouTube ne peuvent pas être redimensionnées et les morceaux Spotify ne sont pas affichés centrés.

Malgré ces limitations, si vous êtes d'humeur aventureuse et souhaitez personnaliser votre contenu, Gutenberg permet une personnalisation HTML bloc par bloc.

Personnaliser le contenu avec Gutenberg

L'une des fonctionnalités notables de WordPress désormais disponible sur Gutenberg est l'affichage HTML. Ce nouvel éditeur permet de modifier le code HTML de vos sites web de deux manières : soit pour l'ensemble du document, soit bloc par bloc.

Dans le premier cas, l'interface est très similaire à celle de WordPress, vous permettant d'accéder au contenu de niveau inférieur et de le modifier à votre guise. Dans le second cas, un clic sur le menu à trois points situé à côté de chaque bloc vous permet de modifier le contenu HTML de ce bloc.

Comme vous l'aurez sans doute déjà compris, Gutenberg mise avant tout sur la simplicité d'utilisation. Ainsi, si vous préférez ne pas vous plonger dans le code HTML, le bouton en forme de roue dentée vous permet de mettre en forme votre contenu de manière plus intuitive, en mode WYSIWYG.

Essai de Gutenberg

Vous avez peut-être entendu les critiques, ou notre article a peut-être suscité votre intérêt. Quoi qu'il en soit, Gutenberg sera bientôt disponible sur WordPress, mais vous pouvez d'ores et déjà le tester. Attention cependant : Gutenberg est encore en version bêta et son déploiement en production est déconseillé.

Pour utiliser Gutenberg sur WordPress, rendez-vous sur la page des extensions et recherchez « Gutenberg ». Installez l’extension sur votre blog WordPress et activez-la pour commencer. Vous pouvez créer un nouvel article depuis le menu Gutenberg ou modifier un article existant en cliquant sur le lien Gutenberg situé sous les articles.

La révolution de l'éditeur WordPress est en marche ! La philosophie de base de Gutenberg est ingénieuse, mais il lui reste encore du chemin à parcourir pour égaler l'éditeur par défaut de WordPress. La solidité de ses fondations est encourageante, mais est-ce suffisant pour abandonner l'éditeur WordPress, éprouvé et fiable ?

Compatibilité des plugins WordPress avec Gutenberg

Les spécifications finales de Gutenberg n'ont pas encore été rédigées, mais je pense qu'il existe deux niveaux de « compatibilité » avec les plugins.

• Le premier est hérité de la version actuelle de l'éditeur de texte WordPress. Cet éditeur peut être chargé comme un bloc ; il est donc possible de l'appeler et d'y utiliser un bouton ou un shortcode.

• La seconde solution, plus intuitive, consisterait à ajouter le plugin à un bloc de contenu natif Gutenberg.

Qu'en est-il des extensions JoomUnited ?

Nous avons déjà des extensions compatibles avec l'éditeur, WP Media Folder, WP File Download...

Bien entendu, nous travaillerons ces prochains mois à une meilleure intégration. Principaux plugins JoomUnited concernés par l'intégration de Gutenberg :

WP MEDIA FOLDER

WP FILE DOWNLOAD

WP LATEST POSTS

WP META SEO