WordPress 6.2, la version FSE de la maturité ?

WordPress 6.2

Fin mai 2023, la version finale de WordPress 6.2 sera publiée. Cette version apporte-t-elle enfin un éditeur Gutenberg mature ? Voici en résumé les nouveautés introduites, avec nos précieux conseils et notre avis sur le sujet.

WordPress 6.2 & la Roadmap Gutenberg

WordPress 6.2 est la quatrième version majeure de la phase 2 :

  • La phase 2 du projet devrait se terminer avec la version 6.3.
  • Le projet WordPress fête son vingtième anniversaire le 27 mai 2023 !

Nous avons indiqué entre parenthèse la version du plugin incluse dans le core WP (en complément, voir le tableau de correspondance version Core / Version Gutenberg de la documentation Développeur) :

  • Phase 1 – Introduction de Gutenberg (WordPress 5.0 – Décembre 2018)
    • De WP 5.0 à WP 5.8 : construction du nouvel éditeur de page sur 3 ans à base de blocs, il a évolué par itérations, en remplacement de l’éditeur classique
    • L’écosystème WordPress s’est adapté (éditeurs d’extensions / plugins)
  • Phase 2 – Full Site Editing FSE (Expérience éditoriale unifiée avec Éditeur de Design / Layout du site + Thème + Modèles de Pages)
    • WP 5.9 – version majeure – Janvier 2022 (Gutenberg 10.8 à 11.9)
    • WP 6.0 – version de stabilisation – Mai 2022 (Gutenberg 12.0 à 13.0)
    • WP 6.1 – version majeure – Novembre 2022 (Gutenberg 13.1 à 14.1)
    • WP 6.2 – version majeure – Mai 2023 (Gutenberg 14.2 à 15.1)
  • Phase 3 – Collaboration multi-auteurs // à compter de 2023
  • Phase 4 – Support Multilingue natif (plus besoin de plugins tiers) // à compter de 2024

Pour rappel l‘objectif du Projet Gutenberg est de permettre à WordPress d’offrir la meilleure expérience possible pour l’édition de contenus sur le web.

  • Gutenberg a été lancé en décembre 2018, et étale sur plusieurs année la grande évolution de WP, pour lui permettre de rattraper son retard sur les Builders Tiers (Elementor, Divi, Beaver Builder) ou les plateformes de construction de site (Wix, etc.).
  • L’objectif final est de démocratiser l’expérience éditoriale y compris sur la construction du design des pages et de son site (en mode low-code / no code), pour les actions les plus fréquentes
  • Les nouvelles approches sont développées dans le plugin tiers Gutenberg, et rapatriés dès que stabilisées régulièrement dans une nouvelle version majeure de WordPress (tous les 4 mois donc, il y a 3 releases majeures par an)

Une version 6.3 est prévue, mais son contour n’a pas encore été défini.

Les nouveautés fonctionnelles

Cette version 6.2 apporte près de 300 améliorations fonctionnelles et 400 corrections de bugs.

Son petit nom : Dolphy (du nom du jazzman Eric Allen Dolphy Jr.)

Côté Thème

  • Des correctifs sur les thèmes officiels
  • Chargement en local des Google Fonts sur les thèmes classiques 2012 > 2017 (RGPD)
  • (à venir)

Côté Editeur Gutenberg

  • Suppression du badge Beta sur l’éditeur Gutenberg (menu Apparence) !!
  • Editeur de site
    • Nouvelle interface / navigation dans l’éditeur de Site, avec possibilité d’ajuster la fenêtre d’affichage (menu vs affichage template)
    • Nouveau mode Sans Distraction (Distraction Free Mode)
    • Style Book / Livre de style : permet de visualiser l’apparence de tous les blocs du site depuis l’éditeur de style et d’en modifier le style , tout en visualisant leur rendu directement
  • Vue liste (constructeur de page)
    • Colorisation des modèles partiels et blocs réutilisables dans la Vue Liste
    • Onglet Outline dans la vue Liste, permettant de visualiser la structure Hn de la page
  • Ajout d’un bloc
    • Ajout d’un média directement depuis l’Inserter (un onglet dédié)
    • Accès à la banque d’images Openverse (possibilité de désactiver mais par un filtre cf documentation Dev)
    • Amélioration accès aux Patterns et amélioration catégorisation de ceux ci
  • Options de Bloc
    • Amélioration dans l’UX des options de blocks (nouveaux onglets Styles/Paramètres)
    • Copier Coller de style entre blocs
    • Ajout de CSS customs au global style ou en local sur les blocs (mais le mise en forme comme le customizer pas encore mise en place)
    • Possibilité de pousser dans le style global tout style appliqué sur un bloc en particulier, afin qu’il soit appliqué à tous les blocs du site
    • Edition du style des blocs pour les variations de styles
    • Option Hauteur minimale (min height sur le bloc Groupe et Post Content)
  • Blocs
    • Améliorations nombreuses du bloc Navigation, afin de modifier rapidement son contenu : apparition d’une vue liste dans les options de bloc permettant d’éditer les entrée de menu, possibilité d’ajuster aussi les pages depuis le menu de l’éditeur de template. Auparavant, l’édition depuis le coeur de page était complexe
    • Ajout option Sticky (uniquement sur le bloc Groupe pour l’instant, va être amélioré dans les versions WP à venir). Pour rendre sticky une en-tête de site, il faut donc l’encapsuler dans un bloc Groupe
    • Ajout style Shadow / ombrage (bloc Bouton au singulier), pas encore sur Boutons)
    • Amélioration du bloc Groupe / Ligne
    • Bloc Image : paramétrage du ratio d’affichage
  • Outil de migration des widgets (ils sont transformés en template part)

Côté Core

Nombreux correctifs, nous avons noté ceux-ci :

  • Suppression du lien nofollow sur les liens internes les commentaires
  • Correctifs et petites optimisations dans le gestionnaire de média (notamment bouton télécharger dans le gestionnaire de pièce jointe)
  • Navigation : classe dédiée pour l’entrée parente menu associée à la page courante affichée
  • Désactivation du correcteur orthographique dans les champs mots de passe

Les nouveautés pour les développeurs de WP 6.2

Un grand nombre d’optimisations y compris sur des besoins exprimés via des issues anciennes. Voici les plus importantes d’entre elles :

  • Ajout des presets shadow (ombrages) dans le theme.json
  • Possibilité de choisir les champs de recherche dans une requête Search
  • Améliorations de performance via diverses optimisations de code et de gestion du cache :
    • FCP/LCP gain de 14,39%
    • TTFB gain de 20,04%
    • Chargement serveur (template) gain de 21,59%
  • Amélioration compatibilité 8.2+
  • Amélioration de la documentation
  • Escape sur le nom des tables dans les requêtes SQL (sécurité)
  • Amélioration de la méthode d’installation des plugins/thèmes (introduction de move_dir() permettant aux installations d’être plus rapides)
  • Amélioration i18N (swith_to_user_locale(), installation de nouvelles traductions via édition de la langue profil pour les utilisateurs disposants de droits installation langage, etc.
  • Possibilité de nommer un thème avec des chiffres
  • Nouvelle API HTML

Notre avis sur cette version WP 6.2

Cette version continue d’apporter une meilleure couverture fonctionnelle, il y a encore du chemin pour rattraper les Builders Tiers, mais c’est pour très bientôt (l’une des 2 versions majeures à venir en 2023).

Ce qui est reporté à WordPress 6.3

  • Gestion des Polices de caractère sous Gutenberg (utilisation de la nouvelle API Fonts et gestion locale compatible RGPD)
  • Enrichissement de l’expérience « Intrinsec Web Design / Responsive Web Design+ »
  • Amélioration du flux édition Template / Edition de contenu : il y a encore du boulot !
  • Amélioration du flux d’édition lors de la création d’une nouvelle page ou d’un template (mise en avant des Patterns)
  • Gestion des Révisions (templates, templates parts, patters, styles)
  • Création de patterns personnels (sous forme de blocs réutilisables)
  • Options sur patterns
  • Recherche rapide dans l’éditeur pour pouvoir basculer entre pages/templates plus facilement
  • Amélioration de la toolbar

Ce qui reste à améliorer à notre sens

Voici les éléments critiques manquants que nous avons détectés, en supplément :

  • Query Loop Bloc amélioré (skip élément courant, CPT, etc.), et plus d’options de mise en forme
  • Plus d’options pour gérer le responsive (options sur mobile vs tablette vs desktop, CSS Grid, pouvoir cacher certains éléments sur mobile).
    • Le projet a annoncé travailler sur l’enrichissement de l’expérience « Intrinsec Web Design / Responsive Web Design+ ».
    • Histoire notamment de mieux gérer les contenus imbriqués des « cards » / colonnes.
  • Vue liste : amélioration option « arbre toujours ouvert »
  • Finaliser les blocs existants
    • Systématiser les options de mise en forme (y compris ombrage), histoire que cela soit disponible partout (homogénéisation)
    • Améliorer l’option Sticky, pour qu’elle soit utilisable un peu partout
    • Colonnes enfant : manque la gestion des radius (elle existe au niveau Conteneur Colonne, mais pas sur les colonnes enfant)
    • Bloc Liste : pouvoir identer avec la tabulation
    • Bloc de navigation : upload burger custom, taille et style icone, largeur & stylisation dropdown (ombre, border, etc.)
    • Breadcrumb / Fil d’Ariane : en cours
    • Bloc Table de contenu : pouvoir mettre un titre et personnaliser le style des liens
    • Bloc temps de lecture : on a déjà les stats en mode édition, il serait interessant d’avoir un bloc pour pouvoir ajouter l’info dans nos templates
    • Bloc date publication article : renommer le bloc car il permet aussi de gérer les pages et les dates de mise à jour !
    • Bloc recherche : rendre optionnelle le nom du bloc, corriger son affichage au sein de la navigation
    • Indication du plugin éditeur du bloc (auteur), histoire de distinguer les différents blocs quand on en ajoute un (être sûr que c’est celui du bon éditeur : core ou plugin tiers)
  • Améliorer le nouvel éditeur de style css (pouvoir voir quels blocs ont des surcharges, visualisation directe du code css custom dans l’éditeur, etc.)
  • Chargement natif de fichiers SVG

En conclusion

La version 6.2 permet déjà tout comme la 6.1 de travailler sereinement en FSE (cf nos articles précédents), mais il y a encore un petit gap avec les builders tiers qui se résorbe de jour en jour (le plugin Gutenberg permet de bénéficier des fonctionnalités en avance de phase). De quoi jouer avec ce nouvel éditeur, surtout que l’écosystème de plugin compatibles FSE s’agrandit de jour en jour. La conversion full FSE de WooCommerce (tous les templates disponibles au nouveau format, avec blocs dédiés) sera achevée au cours du deuxième trimestre 2023 (le travail est en train de se terminer).

A vue de nez, la prochaine version 6.3 (Août 2023) et surtout la 6.4 (Novembre 2023) acteront la vrai maturité de l’éditeur Gutenberg. Les équipes projet sont en effet allées moins loin que prévu initialement, des fonctionnalités ont du être décalées à la prochaine version majeure (elles seront disponibles avant via le plugin Gutenberg).

A l’automne 2023, il sera alors temps de débrancher l’éditeur classique ! Il est donc urgent de vous mettre au Full Site Editing, afin de digérer le changement !

Migrer sur WordPress 6.2 : les points d’attention

Comme d’habitude, tout dépend de la version de WP que vous utilisez actuellement, des extensions plugins actifs, et si vous avez déjà basculé votre design en full FSE.

A noter qu’il convient de ne pas se précipiter pour appliquer toute mise à jour majeure de ce type, il n’est pas rare de voir un correctif sortir assez vite, même si toutes les précautions ont été prises via le processus de release.

Il se pourrait que les extensions (plugin ou thème) que vous utilisez ne soient pas encore toutes compatibles avec cette version et doivent donc encore être adaptées par leurs auteur (à vérifier avant de vous lancer).

N’oubliez pas d’effectuer un backup préalable avant d’appliquer toute nouvelle version de WordPress. Dans 98% des cas la mise à jour se passe bien, mais il faut rester prudent

  • Si votre site est déjà nativement FSE : a priori peu de risques, car le gros des changements portent sur Gutenberg et vous êtes déjà à jour. Vérifiez quand même vos extensions tierces.
  • Si votre thème n’est pas FSE, alors vous avez pas mal de boulot ! Mais normalement vous avez anticipé, vous êtes déjà dans le premier cas 😉

En tout état de cause, votre agence conseil est là pour vous accompagner, et effectuera pour vous cette montée de version, après s’être assurée de l’absence d’incompatibilités !

Envie d’assistance pour gérer votre site WordPress ?