WordPress a publié la version 13.0 de Gutenberg, qui comprend de nombreuses améliorations qui le rapprochent de plusieurs étapes importantes pour devenir le constructeur de sites Web facile à utiliser qu’il est censé être. Cette mise à jour de Gutenberg est une étape importante car les fonctionnalités de ce plugin seront incluses dans le noyau de WordPress 6.0, dont la sortie est actuellement prévue pour le 24 mai 2022 et c’est un très gros problème dans le monde de l’édition.
Éditeur WordPress Gutenberg
Gutenberg est un constructeur de sites Web de style visuel conçu pour faciliter la création de sites Web pour les éditeurs. C’est ce qu’on appelle visuel pour décrire le processus de construction d’un site à l’aide d’une interface glisser-déposer ou pointer-cliquer sur une toile virtuelle qui peut être visualisée comme elle va apparaître au fur et à mesure que vous la concevez. Au lieu de manipuler le code, avec ce style de création de site Web, l’éditeur manipule des éléments de page Web tels que l’en-tête ou le pied de page. Ces éléments de page Web sont appelés blocs. C’est une façon de créer des sites Web qui existe depuis longtemps sous différentes formes, depuis au moins la fin des années 1990 avec l’introduction du logiciel de création de sites Web Macromedia (maintenant Adobe) Dreamweaver. À l’époque, ce style de création de pages Web était communément appelé interface WYSIWYG (What You See is What You Get). Les plugins WordPress tels que Divi et les plates-formes de création de sites Web SaaS non WordPress aident depuis des années les éditeurs à créer des sites avec une interface visuelle de création de sites Web. Gutenberg est la version WordPress de l’interface visuelle de création de site Web qui facilite la création d’un site Web. L’avantage de Gutenberg est qu’il fait partie du noyau WordPress lui-même, ce qui (en théorie) aide à rendre les sites Web construits avec Gutenberg plus rapides que l’utilisation d’un plugin tiers. Gutenberg 13.0 offre de multiples améliorations qui aideront WordPress 6.0 à être une avancée significative pour le monde de l’édition et c’est très excitant.
Blocs Gutenberg
L’interface de conception de Gutenberg est décrite à l’aide du mot blocs. À des fins de conception, une page Web est divisée en sections appelées blocs. La partie supérieure connue sous le nom d’en-tête est un bloc. Le menu de navigation est un bloc. Et les côtés où vont divers widgets sont également un bloc. Chaque bloc peut être déplacé et manipulé afin de créer une conception de page Web. Ainsi, le bloc en haut de la page où se trouve l’image sélectionnée peut être stylé individuellement avec une facilité de pointer-cliquer. Cliquez simplement sur le bloc auquel vous souhaitez ajouter du texte ou une image d’arrière-plan, puis choisissez dans un menu contextuel pour faire ce que vous voulez faire.
Sélectionner le texte à travers les blocs
Une amélioration innovante introduite dans Gutenberg 13.0 (et dans WordPress 6.0) est la possibilité de sélectionner du texte sur plusieurs blocs. Ceci est important car les blocs existent comme un moyen de concevoir à quoi ressemble la page Web et le texte est quelque chose qui est déposé à l’intérieur de ces blocs. Cette nouvelle fonctionnalité offre à un éditeur plus de liberté pour créer une page Web sans être contraint par des règles (apparemment) arbitraires telles que l’impossibilité de sélectionner du texte sur plusieurs blocs.
Modèles au niveau de la page
Il s’agit d’une fonctionnalité révolutionnaire qui rapproche Gutenberg de plusieurs pas pour devenir un créateur de site Web facile à utiliser. La fonctionnalité de modèles a été introduite en 2020 dans la version 7.8 de Gutenberg en tant qu’API que les développeurs peuvent utiliser pour créer des modèles de mise en page pour les sections d’une page. La dernière version de la fonctionnalité de modèles permet d’activer des modèles de page qui peuvent être sélectionnés comme point de départ pour créer une mise en page de page Web. Ainsi, au lieu de créer une page Web à partir de zéro, un éditeur peut commencer avec un modèle préconfiguré pour une page entière, puis personnaliser la page à partir de là. Il s’agit d’une fonctionnalité déjà courante dans de nombreux constructeurs de pages WordPress existants ainsi que dans les constructeurs de sites Web SaaS. C’est donc un pas en avant certain pour WordPress d’avoir enfin cette fonctionnalité.
Manipulation de la disposition des piles ou des lignes
Toujours dans le but de rendre WordPress facile à concevoir, la nouvelle version de Gutenberg permet d’organiser les blocs sélectionnés sous forme de blocs ou de lignes. Et à partir de là, un éditeur peut utiliser le menu contextuel pour manipuler davantage la conception.
Voici une vidéo montrant comment cela fonctionne :
L’annonce de WordPress l’a décrit :
« Les blocs sont désormais facilement regroupés dans une disposition de pile ou une disposition de ligne en un seul clic. Dans Gutenberg 13.0, la sélection de plusieurs blocs à la fois expose les variations Stack et Row du bloc Group directement dans la barre d’outils.
Bloquer le contrôle des frontières
Il s’agit d’un raffinement d’une fonctionnalité déjà existante avec un nouveau composant BorderControl. Un menu contextuel permet de contrôler les bordures autour du bloc pour en changer le style, la couleur et la largeur.
Utiliser l’image en vedette dans le bouton de bloc de couverture
Un bloc de couverture est un bloc spécialisé qui peut être utilisé pour créer la section d’image de héros en haut de la page. Le fond du bloc peut être une couleur, une image ou une vidéo. La mise à jour du bloc de couverture ajoute un bouton afin qu’il puisse utiliser instantanément l’image en vedette pour la page Web. Cela ressemble à une chose mineure, mais c’est en fait une fonctionnalité importante.
L’annonce de WordPress a enthousiasmé :
« Avec le bloc de couverture mis à jour, l’image en vedette de la publication n’est plus une réflexion après coup – elle fait partie intégrante de la publication. Cliquez simplement sur le bouton « Utiliser l’image en vedette », et c’est tout ! » Il existe de nombreuses autres améliorations cumulatives apportées à Gutenberg 13.0 qui, ensemble, contribuent à en faire une mise à jour significative de l’éditeur de blocs WordPress qui finira par arriver à la prochaine version de WordPress, la version 6.0.
Citation
Lire l’annonce officielle de WordPress
Quoi de neuf dans Gutenberg 13.0 ?