Comment Gutenberg a bouleversé mes habitudes

Le jour où Gutenberg a été annoncé, j’ai été très perplexe ! Du changement encore du changement !!!
Mais aujourd’hui quel plaisir de l’utiliser !

Tout d’abord, qu’est-ce que c’est Gutenberg ?

WordPress nous a proposé pendant de nombreuses années un éditeur de texte classique et très peu évolutif. Pour avoir un site bien adapté aux demandes, il fallait utiliser des plugins tels que ACF (Advanced Custom Fields) pour personnaliser les éléments.

Et depuis la version 5.0 de WordPress on bénéficie d’un nouvel éditeur visuel beaucoup plus puissant et évolutif, j’ai nommé Gutenberg.

La grosse nouveauté c’est que vous voyez en temps réel ce que vous écrivez ainsi que la possibilité de créer des mises en page plus poussées grâce aux blocs.

Avec cette nouvelle approche l’utilisateur peut construire sa page avec une multitude de blocs (des titres, des textes, images, colonnes etc…). Tout est modulable et conçu pour que cela soit très intuitif et fluide.

On parle également aujourd’hui de Full Site Editing où tout le contenu du site est modifiable par l’utilisateur directement via son back office (espace d’administration du site).

Qu’est-ce qui a changé avec l’arrivée de Gutenberg ?

Construction de mon thème custom

Auparavant quand je voulais réaliser un thème personnalisé pour un client je devais donc utiliser un plugin nommé ACF (Advanced Custom Fields). Il me permettait de customiser les éléments du site pour qu’ils soient identiques à la maquette. Peu d’éléments étaient modulables par l’utilisateur (textes, photos), l’avantage étant que le client, ayant des champs bien définis pour ses contenus, ne pouvait pas se tromper, mais cela avait un côté très figé.

Aujourd’hui nous avons tout un panel de blocs afin de composer les pages comme bon nous semble. Chaque bloc peut être configuré pour obtenir un rendu optimal. Couleur de texte, couleur de fond, les polices, les marges internes ou externes… Tout est prévu pour que l’utilisateur soit en totale autonomie sans avoir une ligne de code à modifier.

Bien évidemment du côté développement cela a beaucoup changé ! Au final je produits moins de code, j’utilise un document appelé theme.json où je peux indiquer mes préférences de thème, le type de police, les espacements, que ça soit de manière générale ou pour un bloc bien spécifique. J’utilise encore des feuilles de styles quand même pour modifier des éléments et les adapter aux besoins graphiques.

Chaque développeur a sa méthode de travail, et c’est ce qui est intéressant lorsque l’on échange. On apprend beaucoup et on se remet aussi en question quand on étudie les méthodes de chacun.

Les compositions

Avec ce nouvel éditeur, j’ai pris l’habitude de travailler avec ce que l’on appelle des compositions. Vous allez me dire mais c’est quoi ??? Ce sont des gabarits pré-formatés que l’on retrouve dans l’éditeur et qui permettent à mon client, en 2 click, de monter une structure de page bien précise et d’en modifier les contenus. Cela sert de modèle en fait et on peut en créer autant que l’on veut.

Pour ma part je fais des compositions de pages complètes (comme par exemple pour un article de blog), mais également des compositions de bloc ce qui permet à mon client de pouvoir utiliser une structure de bloc n’importe où dans son site. Il n’a pas besoin de se dire « ah mince mais comment je fais si ou ça… » le gabarit est déjà défini et en quelques clics c’est en ligne !

Les blocs réutilisables

Il existe également des blocs réutilisables, par exemple si vous souhaitez un bandeau en bas de page avec un contenu identique sur tout le site. Et bien il suffit de lui indiquer que c’est un bloc réutilisable et lorsque vous ferez des modifications dessus ça sera appliqué sur toutes les pages de votre site ! Plus besoin d’aller sur chaque page pour modifier son contenu.

Bilan

Lorsque que Gutenberg a été annoncé, soyons honnête je n’étais pas sereine ! Chaque développeur sait qu’un jour ou l’autre il doit revoir sa méthode de travail car notre métier évolue très vite et il faut savoir s’adapter.

Après plusieurs semaines de prise en main j’ai vraiment découvert un outil avec un énorme potentiel. Je ne l’utilise pas encore au maximum de ses capacités mais je vois déjà un vrai plaisir quand mes clients utilisent leur nouvelle interface ! Ils sont tous unanimes sur la fluidité et la simplicité d’utilisation.

Cela fait maintenant plusieurs années que je travaille avec WordPress et j’en suis vraiment pleinement satisfaite. Ce nouvel éditeur ne fait que confirmer que l’évolution est importante, qu’il faut savoir s’adapter !

Gutenberg nous montre que WordPress est vraiment un outil très performant, qui permet de réaliser de beaux sites et pas juste des blogs comme on peut souvent l’entendre. C’est grâce a toute une équipe de développeurs qui contribuent chaque jour à l’évolution de ce CMS. Un grand merci à eux !