3 raisons d’adopter le Full Site Editing pour son projet WordPress

Le Full Site Editing, c’est la nouvelle méthode de création des thèmes WordPress. Aussi abrégé « FSE », l’idée est d’exploiter la puissance de l’éditeur de blocks Gutenberg pour éditer les contenus d’un site, mais aussi pour mettre en forme les templates du site. Chez Bter, nous travaillons avec cette méthode depuis quelques années, c’est pourquoi nous vous proposons aujourd’hui au moins 3 raisons d’adopter le FSE.

Pour une partie de l’écosystème WordPress, lire ou entendre « Gutenberg, l’éditeur de blocks » est suffisant pour provoquer une poussée d’acné. Les mêmes arguments « contre » reviennent à chaque fois, et témoignent toujours du même mal : changer ses habitudes de créateur de site, apprendre et remettre en cause son modèle, c’est dur. Et peu de gens ont envie de ça.

Pour les prestataires WordPress qui sont dans la ligne de l’évolution (ce sont avec eux que vous souhaitez travailler), Gutenberg est un sujet quotidien, tout comme le Full Site Editing. De fait, ces sujets sont aussi d’actualité pour nos clients, lorsque nous détaillons la manière dont nous allons mettre en place leur site WordPress. C’est souvent à ce moment là que nos clients justement, ont du mal à comprendre les intérêts du Full Site Editing.

[1] La cohérence graphique d’ensemble

Pour comprendre à quel point Gutenberg et le Full Site Editing nous permettent « d’automatiser » la cohérence graphique de l’ensemble d’un site, il faut comprendre comment un site se conçoit avec ces outils.

• Gutenberg (l’éditeur de blocks) est l’interface qu’un client utilise pour éditer les contenus de ses pages ou articles sur son site
• Pour éditer un contenu, ce client (le contributeur) utilise toute une librairie de « blocks » (comme des briques Légo) : des blocks de Paragraphe, de Titre, d’Images, de Vidéos, de Colonnes, de Boutons, etc.
• Du côté du créateur du site (l’agence ou le freelance), c’est cette même bibliothèque de blocks qui est utilisées pour construire les templates (à base de blocks Colonne, Groupe, etc.)
• Enfin, tous ces blocks sont stylisés et mis à la charte du client

On obtient donc une bibliothèque de blocks à la charte du client ; utilisés autant pour la création des templates que pour l’édition des contenus. Et cette bibliothèque peut être personnalisée et enrichie.

Grâce à cette méthode, pas d’écarts dans la charte graphique (ou sinon, ils doivent être justifiés et développés comme des exceptions). On travaille avec une bibliothèque finie de composants, pour une cohérence graphique automatisée au fur et à mesure des Designs ou des évolutions du site.

[2] Pas de limites en terme de création ou d’animation

L’équipe des « c’est nouveau, j’aime pas » répètera que travailler avec Gutenberg rend les sites plats, qu’ils sont tous les mêmes. En réalité, on aura pas eu besoin d’attendre Gutenberg pour cela. Elementor et les autres Page Builders (ou plutôt, leurs utilisateurs qui créent des sites) n’ont pas attendu d’autorisation pour créer des sites sans saveur.

En fait, la créativité n’a rien à voir avec l’outil. Elle a plutôt à voir avec la manière dont l’outil est utilisé. Qu’on travaille avec Gutenberg, Elementor, ou en « 100% sur-mesure », si on a pas l’esprit créatif et qu’on ne le cultive pas, les résultats seront plats.

En cela, Gutenberg et le Full Site Editing ne sont donc pas un frein à la créativité, ou aux animations qu’on peut mettre en place sur un site. Je dirais même plus que Gutenberg replace les animations au bon endroit. Parce que les animations ne devraient pas être configurées au niveau de l’éditeur de contenu (comme avec Elementor). Imaginez-vous créer la même animation de bouton sur 40 pages, puis changer de charte graphique et devoir changer 40 animations à la main. Ridicule non ? En réalité, les animations sont le territoire du « thème » : elles devraient être codées et CSS et Javascript, et s’activer automatiquement sans qu’un contributeur n’aie à les sélectionner. Et quand je parle d’animation, je parle autant du survol d’un bouton, que d’une parallax sur des images ou d’une transition de page animée.

Création et animation n’ont rien à voir avec l’outil. En exploitant l’outil au mieux, il n’y a donc pas de limites !

[3] La réactivité dans l’évolution des templates

C’est sans doute le point fort qui a le plus de valeur pour nos clients, selon moi. Pour 80% des demandes dévolution d’un template, nous n’avons plus besoin de passer par la phase de développement technique. Et ça, c’est une avancée considérable.

Cela ne veut pas dire que faire évoluer des templates (ou en créer de nouveau) vaut moins pour autant. Réduire la dépendance technique nous permet d’être plus réactifs par rapport au besoin du client. De lui proposer une évolution visible « en ligne » rapidement (en pré-production par exemple). D’itérer en direct parfois. Et enfin, si nécessaire, de procéder à des ajustements de code une fois la structure et l’intention validée.

Le process d’évolution change radicalement, et la valeur se déplace de la technique vers la réactivité et l’accompagnement.

À titre d’exemple, notre client B-Flower souhaitait implémenter des Landing Pages quelques mois après la sortie du nouveau site (propulsé par Gutenberg et le Full Site Editing, évidement). Entre le brief, les premières propositions, les échanges et la mise en ligne, 5 jours ouvrés se sont écoulés. Avec un temps de production technique inférieur à 1/2 journée. Et avec des modèles de Landing Page prêts à être déployés en une semaine. Imaginez la valeur de cette réactivité pour un client ! Et c’est non sans préciser qu’avec la méthode de conception « en blocks », les évolutions ou création de nouveaux templates sont automatiquement « à la charte », pour une cohérence visuelle et fonctionnelle toujours assurée.

[Bonus] Gutenberg est l’avenir de WordPress

La troisième raison d’adopter le Full Site Editing est une question de vision de la vie et de l’évolution de votre site. L’écosystème WordPress évolue sans cesse, comme depuis 15 ans. Les choix que nous faisons aujourd’hui dictent donc les changements que nous devrons faire demain, en termes de Partenaire/Prestataire et de potentiel d’évolution de nos sites web.

Personne n’a envie de devoir refaire son site tous les ans. Ou de devoir tout recommencer « juste parce qu’on a changé de Prestataire ». Ou d’avoir la surprise tous les ans de devoir payer des licenses à tout va pour faire fonctionner le site.

Gutenberg, c’est le choix du natif WordPress : pas d’extension pour gérer vos contenus ; pas d’extension pour gérer la mise en page de votre thème. C’est aussi (et toujours) le choix de l’Open Source (les autres Pages Builders étant souvent des solutions propriétaires, payantes pour une version Premium). Enfin, Gutenberg est l’avenir choisit et dessiné de l’écosystème WordPress : c’est le fer de lance du WordPress de demain, et c’est sur lui que toutes l’énergie de la communauté se concentre. Faire le choix de WordPress, c’est donc le choix de (peut-être) devoir se remettre à niveau. Mais c’est surtout celui de la stabilité et du « move forward ».