Comment WP 5.0 va intégrer Gutenberg le 27 novembre 2018

WordPress 5.0 sort officiellement mardi 27 novembre 2018 et c’est sans doute la mise à jour la plus attendue des 15 dernières années de vie de WordPress.

Le projet Gutenberg a débuté en janvier 2017 et a été testé sur plus de 600 000 sites avant de sortir sa release. Matt Mullenweg, cofondateur de WordPress et chef de projet de Gutenberg, s’est beaucoup investi dans cette extension de WordPress dont le but est clair :

→ Rendre WordPress à la fois plus complet et plus facile à utiliser.

[su_note note_color=”#013859″ text_color=”#FFFFF8″ radius=”0″]Qu’est-ce que Gutenberg ?[/su_note]

Gutenberg est le nouvel éditeur de texte pour WordPress. Il doit son nom à Johannes Gutenberg, qui a inventé il y a plus de 500 ans une presse à imprimer à caractères mobiles.

Pour les blogueurs professionnels actuels, l’éditeur classique de WordPress exige que nous utilisions des shortcodes et du HTML annexe pour le rendre plus complet. Personnellement, j’utilise par exemple le plugin SHORTCODES ULTIMATE.

Gutenberg veut rendre l’édition de textes plus facile sous WordPress, en particulier pour ceux qui débutent. Il utilise des “petits blocs” et envisage d’ajouter des options de mise en page plus avancées.

Concrètement, l’éditeur visuel offira beaucoup d’espace pour l’écriture de votre texte, cachant une multitude de menus pour en faire des icônes. WP met l’accent sur “l’écriture d’abord” et s’efforce de fournir un environnement moins distrayant.

[su_note note_color=”#013859″ text_color=”#FFFFF8″ radius=”0″]Quelques fonctionnalités de Gutenberg[/su_note]

→ Tables et colonnes de texte

Les tableaux simples sont beaucoup plus faciles à créer, puisqu’ils s’insèrent sous forme de blocs dans l’éditeur. Auparavant, pour faire un tableau vous deviez utiliser un plugin tiers ou du code HTML.

→ Bloc HTML en temps réel

Vous pouvez insérer votre code dans un bloc et ensuite voir un aperçu à l’intérieur de ce bloc, sans quitter l’éditeur visuel.

→ Glisser-déposer des images

Avec Gutenberg, vous pouvez glisser-déposer des images directement dans un bloc d’images, tout comme vous êtes habitué à le faire avec l’éditeur visuel. Vous pouvez aussi, très simplement, créer une gallerie d’images sans l’ajout d’aucun plugin.

Vous pourrez aussi, en cliquant sur l’image “couverture”, insérer une image et cliquer dedans pour écrire du texte. L’image apparaîtra plus foncée sur votre article et au-dessus, s’inscrira votre texte à la manière d’une légende intégrée.

→ Blocs récents

Avec tous les blocs que vous créerez dans l’éditeur Gutenberg, vous pourrez en sauvegarder certains pour accélerer vos prochaines insertions.

→ Options de texte

De nouveaux styles visuels sont implantés, avec la possibilité de changer la taille de la police, de la transformer en lettrines, ou de changer la couleur personnalisée.

→ Raccourcis clavier

Avoir la possibilité de minimiser les clics et utiliser davantage le clavier est toujours une bonne chose. Gutenberg permet d’utiliser des raccourcis pour créer des blocs et faire des insertions sans basculer vers le mode HTML.

→ Table des matières

Gutenbert ajoute une table des matières sur votre barre latérale. Il s’agit de liens cliquables qui vous permettent de passer facilement à une section de votre article. Cela peut s’avérer utile pour la rédaction d’un contenu long.

[su_note note_color=”#013859″ text_color=”#FFFFF8″ radius=”0″]Gutenberg sera-t-il obligatoire lorsque WordPress 5.0 sortira ?[/su_note]

Lorsque la version 5.0 sortira le 27 novembre prochain, chaque utilisateur de WordPress pourra choisir s’il veut l’utiliser ou pas.

[su_list icon=”icon: angle-right” icon_color=”#1E3D5A”]

• S’il ne veut pas, il peut installer dès aujourd’hui le plugin Classic Editor, créé par la même équipe, qui désactivera automatiquement Gutenberg lors de sa sortie pour conserver l’aspect de l’éditeur classique.
• Si l’utilisateur désire passer à Gutenberg (ce qui sera mon cas, du moins au début), il peut installer le plugin Gutenberg dès aujourd’hui s’il le désire. Ce plugin sera désactivé à la sortie de la version 5.0 de WP, ce qui ne changera en rien son expérience.

[/su_list]

Pour ma part, je n’ai pas installé le plugin Gutenberg, je préfère attendre le 27 novembre pour laisser la mise à jour se faire sur mon site.

[su_note note_color=”#013859″ text_color=”#FFFFF8″ radius=”0″]Quel sera l’avantage de Gutenberg par rapport à l’éditeur classique de WordPress ?[/su_note]

D’ores et déjà, la communication est très bien faite autour du nouvel éditeur Gutenberg de WordPress. Par exemple, vous pouvez le tester gratuitement et sans aucune installation en vous rendant sur WordPress.org/gutenberg.

Au cours des 6 derniers mois, Gutenberg a été mis à jour à peu près une fois toutes les deux semaines, ce qui va minimiser les risques de bug à sa sortie.

L’accessibilité est ce qui a motivé l’équipe de WordPress chargée du développement de Gutenberg. On le voit à travers quelques innovations, comme les raccourcis clavier et l’implantation de blocs rapides à créer.

Après Gutenberg, l’équipe se focalisera sur d’autres menus à rendre plus accessibles :

[su_list icon=”icon: angle-right” icon_color=”#1E3D5A”]

• les widgets
• la partie “personnalisation” du blog
• le code en lui-même.

[/su_list]

A terme, les menus de navigation et les widgets devraient être directement implantés dans Gutenberg !

[su_note note_color=”#013859″ text_color=”#FFFFF8″ radius=”0″]Quel est l’avenir de WordPress ?[/su_note]

WordPress va se focaliser sur le JavaScript à l’avenir, de manière à faire communiquer JavaScript et APIs. L’équipe de WordPress imagine déjà un futur dans lequel WP-Edit serait codé intégralement en javascript.

C’est la raison pour laquelle à l’avenir, les plugins devraient être gérés direcrtement par Gutenberg sans passer par l’interface WP-Edit.

L’interface classique de WordPress se basait sur l’écran d’administration. Inversement, avec Gutenberg, chaque bloc dans l’éditeur de texte est un point de départ. Lorsque vous double-cliquez sur un bloc, il prend le contrôle de votre interface. La personnalisation en devient accrue.

A terme, Gutenberg permettra de publier différemment sur votre page web, votre flux RSS et la version AMP de votre blog. WordPress 5.0 n’est que le point de départ de grandes transformations à venir.