WordPress 6.3 : les nouveautés estivales

La version finale de WordPress 6.3 sera publiée début Août 2023. Est-ce enfin un éditeur finalisé ? La réponse dans ce court article, avec nos précieux conseils.

WordPress 6.3 & la Roadmap Gutenberg

WordPress 6.3 est la cinquième version majeure de la phase 2, la deuxième publiée en 2023. Théoriquement / officiellement c’est la dernière version majeure de la Phase 2, mais de notre côté nous considérons que c’est un peu prématuré (voir en conclusion)

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)
  • WP 6.3 – version majeure – Août 2023 (Gutenberg 15.2 à 16.1)
• Phase 3 – Collaboration multi-auteurs // à compter de fin 2023
• Phase 4 – Support Multilingue natif (plus besoin de plugins tiers) // à compter de 2024

Le contenu de la version 6.4 est en cours de définition, un appel à la communauté a été publiée afin d’aider à fixer les priorités.

Les nouveautés fonctionnelles de cette version WordPress 6.3

Cette version 6.3 apporte près de xx améliorations fonctionnelles et xx corrections de bugs.

Son petit nom : Lionel (du nom du jazzman Lionel Hampton)

Côté Thème

• Internet Explorer n’est plus supporté dans les thèmes officiels

Côté Editeur Gutenberg

• Amélioration du flux d’édition lors de la création d’une nouvelle page ou d’un template (mise en avant des Patterns aka Les Compositions)
• Amélioration de l’Editeur de Site (Site Editor)
  • Une interface améliorée, pour accéder facilement à toutes les modifications nécessaires (menus, styles, pages, contenus, templates), avec le mode Sans Distraction généralisé (il n’est plus seulement disponible dans l’éditeur d’article, mais aussi dans l’Éditeur de Site), et ds temps de chargement améliorés.
  • Introduction d’une fonctionnalités d’accès rapide (Command Palette) avec recherche intégrée (pouvoir basculer entre pages/templates plus facilement), accessible aussi via les raccourcirs cmd + k (ctrl + k sous Windows et Linux)
  • Nouveau Boutons selecteurs des Margin/Padding, avec selecteur slider et colorisation visuelle dans l’éditeur
  • Amélioration de la gestion des patterns / compositions
    • Renommage des blocs réutilisables : ils deviennent Synced Patterns (Compositions Synchronisées)
    • Création de patterns personnels (sous forme de blocs réutilisables)
  • Amélioration de la toolbar (barre d’outils) : elle est toujours flottante mais intégrée à la barre de menu horizontale
  • Nouveau bouton « Voir la Page » qui ouvre dans un nouvel onglet la page pour en voir le résultat, enfin un accès direct !
  • Visualisation pour tout type de taille d’écran : il est possible de redimensionner l’affichage pour voir ce que donne le rendu sur des ecrans plus petits
  • Gestion des Révisions (templates, templates parts, patters, styles) : permet de revenir en arrière facilement
• Amélioration côté Blocs
  • Le bloc Group supporte le CSS Grid (flag expérimental)
  • Mode Sticky disponible sur tous les blocs, permettant notamment de l’appliquer sur des colonnes. Une icone dédiée est prévue dans le mode liste de blocks
  • Blocage ratio images : il est maintenant possible de bloquer le ratio des images sur les blocs Images et Image mise en Avant, afin de contrôler les proportions de manière homogène.
  • Amélioration Bloc Bouton : la bordure supporte maintenant Couleur, Style, Largeur
  • Amélioration bloc Spacer, il dispose maintenant de valeur par défaut (presets)
  • Amélioration block Cover, il supporte la mise en couleur du texte et du design
  • Amélioration modes Duotone (on peut le gérer aussi depuis la colonne latérale, et non plus uniquement depuis la ToolBar) et de la gestion des Captions (colorisation)
  • Amélioration gestion des Polices pour les petits écrans (mise en place d’un calcul à échelle algorithmique pour le mode Responsive)
  • Nouveau block Notes de Page (Footnotes) : il sera utile à tous ceux qui ont besoin de sourcer leurs contenus (recherche / universitaires)
  • Bloc Date publication : une option permet de choisir d’afficher la date de dernière modification
  • Nouveau bloc Temps de Lecture (Nb de mots, Nb de Caractères) > dispo dans le plugin, sera inclu dans WP 6.4
  • Nouveau bloc Détails : permet de créer rapidement des collapses pour afficher/cacher des contenus. Ce n’est pas vraiment un Bloc Accordéon

Côté Core

• Rollback suite à installation défectueuse d’un plugin ou d’un thème
• Amélioration gestion normes d’accessibilité, y compris sur le formulaire de connexion, les étapes d’installation, les tables (tri et sélection). Plus de 50 modifications apportées.
• Amélioration de la performance (chargement des templates, lazzy loading images, etc) > résultat : un gain de performance global de 27% sur LCP, 19% sur TTFB, 27% sur FCP, par rapport à WP 6.2.2 avec un Thème Bloc.
• Prévisualisation d’un thème sans avoir à l’activer (bouton Prévisualisé en Direct dans Apparence > Thème)

Les nouveautés techniques pour les développeurs de WP 6.3

• Fin du support de PHP5.x. La version minimale sera PHP7, avec 7.4+ recommandé. Pour rappel, WP tourne déjà PHP 8.0, la gestion 8.1/8.2 s’améliore, les éditeurs de plugin/theme sont aussi en train de s’adapter. La suppression du badge Beta sera décidée via WP 6.4
• Nouvelle variable permettant de gérer le nouveau mode « WP_DEVELOPMENT MODE », pour completer WP_DEBUG et WP_ENVIRONMENT_TYPE. Il peut être activé pour le core, les plugins, les themes ou tout. Il permet de désactiver le cache. Le plus souvent, il sera activé sur un site où le WP_DEBUG est activé et le WP_ENVIRONMENT_TYPE est soit mis sur « developement » ou « local’.
• Attributs async, defer , fetchpriority
• get_pages() utilise désormais enfin WP_Query
• WP_User_Query dispose maintenant d’une mise en cache
• Amélioration gestion des traductions I18N
• Améliorations dans l’API Cache
• Nouvelle API Commande Palette (personalisations des commandes, avec 3 types possibles – statiques, dynamiques, contextuelles -)
• Nouvelle API Block Selectors
• Améliorations dans les API Cron, Rest, etc.
• Mise à jour de librairies tierces (jQuery, PHPMailer, etc.)
• etc. (voir le Guide Field 6.3)

Notre avis sur cette version WP 6.3

Ce qui est reporté à WordPress 6.4

• 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 dans la vue liste
• Bloc Table des Matières
• Bloc modale
• Interactive API
• Font API

Ce qui reste à améliorer à notre sens

• Les lenteurs sur Firefox quand la page contient de nombreux blocs imbriqués
• Ergonomie du backoffice pour le commun des mortels (homogénéisation) : il y a encore du boulot, et une refonte du backoffice est programmée dans la phase 3 du projet, mais l’UX de l’éditeur de site préfigure ce qui va bientôt arriver
• Vue liste : amélioration option « arbre toujours ouvert »
• Plus d’options pour gérer le responsive
  • Options sur mobile vs tablette vs desktop (notamment pour gérer le déclenchement burger ou cacher certains éléments)
  • CSS Grid
  • 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.
• Finaliser les blocs existants :
  • Block Description courte : permettre de conserver la mise en forme
  • Systématiser les options de mise en forme (y compris ombrage), histoire que cela soit disponible partout (homogénéisation)
  • Interactive States : il manque une gestion des états interactifs (a:hover, a:focus), notamment sur le block Bouton
  • Query Loop Bloc amélioré (skip élément courant, CPT, etc.), et plus d’options de mise en forme
  • Améliorer l’option Sticky, pour qu’elle soit complète (ex: z-index)
  • Cover Block : corriger le but width sur le placement de l’inner content
  • Colonnes enfant : manque la gestion des radius (elle existe au niveau Conteneur Colonne, mais pas sur les colonnes enfant) et la possibilité de les rendre clickables (on pourrait imaginer cela aussi pour les Groupes)
  • Bloc Bouton : pas de a:hover 🙂 cf interactive states
  • Bloc Liste : pouvoir identer avec la tabulation (possible uniquement via la ToolBar), et effets indésirables de flickering quand on travaille sur les listes
  • Bloc de navigation :
    • Upload burger custom, taille et style icone, largeur & stylisation dropdown (ombre, border, etc.) et des liens
    • Correction du bug ouverture du burger (alignement croix)
    • Correction affichage du template part dans le site Editor (dans le cas de sub menus)
  • Bloc Table de contenu : pouvoir mettre un titre et personnaliser le style des liens
  • Bloc recherche : rendre optionnel 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)
  • Pouvoir mettre un lien sur un élément global / container (groupe, colonne, colonnes, etc.)
• Ajouter les blocs manquants :
  • Breadcrumb / Fil d’Ariane : en cours
  • Bloc Tabs & Accordéon : ils manquent 🙂
• Finaliser le nouvel éditeur de style css introduit dans WP6.2 (pouvoir voir quels blocs ont des surcharges, visualisation directe du code css custom dans l’éditeur, etc.)
• Chargement natif de fichiers SVG
• Refondre le gestionnaire d’images / Médias : c’est prévu dans la phase 3

En conclusion

Cette version WordPress 6.3 est une version de stabilisation, elle apporte une meilleure convivialité dans l’interface de l’Éditeur de Site, et complète quelques fonctionnalités essentielles (notamment gestion des menus). Mais nous l’avions annoncé dans nos articles précédent, il faudra attendre la version 6.4 (novembre 2023) pour avoir un éditeur abouti :

• Cette version 6.3 a posé les fondations manquantes (ex : historique des modifications, stabilisation des API, etc), les nouveautés fonctionnelles tant attendues font pouvoir être apportées maintenant avec une plus grande régularité
• L’amélioration importante des performances (plus de 25%) doit être soulignée, un travail amorcé déjà avec WP 6.2 et approfondi depuis, elle est valable aussi bien pour les sites tournant avec un Block Theme que sur un Classic Theme
• Les améliorations ergonomiques dans le Backoffice préfigurent ce que deviendra la nouvelle interface d’administration de WordPress. La Palette de Commandes est une vraie novation pourvoyeuse de productivité, elle est dore et déjà en cours d’amélioration dans les versions suivantes de Gutenberg
• En théorie, la phase 3 du projet « Collaboration » débutera avec la version WP 6.4 de novembre 2023, mais cette dernière apportera sans nul doute les grandes fonctionnalités manquantes de cette 6.3 !
• La solution recommandée est d’utiliser le plugin Gutenberg, vous récupérez les correctifs et améliorations fonctionnelles toutes les semaines (nous l’utilisons depuis plus d’un an sans avoir observé de régressions, et si il y en, elles sont corrigées très vite).
• Il est donc grand temps de préparer la migration de votre site en FSE (Full Site Editing) ! La fin de la compatibilité ascendante pour les thèmes classiques est pour bientôt.

Migrer sur WordPress 6.3 : 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.

• 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 !