WordPress 6.5 : la version mature est là !

Nouveautés WordPress 6.5

La version finale de WordPress 6.5 sera publiée début avril 2024 (initialement fin mars), et elle marque un tournant. Détaillons ci-dessous les nouveautés apportées, agrémentées de nos précieux conseils.

WordPress 6.5 & la Roadmap Gutenberg

Première version majeure de l’année 2024, cette version complète la couverture fonctionnelle de base de Gutenberg (fin de phase 2).

Voici pour mémo la RoadMap Gutenberg. 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)
    • WP 6.4 – version majeure – Novembre 2023 (Gutenberg 16.2 à 16.7)
    • WP 6.5 – version de stabilisation – Avril 2024 (Gutenberg 16.8 à 17.7)
  • Phase 3 – Collaboration multi-auteurs // à compter de fin 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)

Les nouveautés fonctionnelles de cette version WordPress 6.5

Cette version apporte plus de 472 améliorations et 731 corrections de bugs.

Détails statistiques tickets Améliorations / Correctifs / Autre :

  • Core : 99 / 216 /35
  • Gutenberg : 373 /515 / 65

Son petit nom : Regina Carter (une violoniste de jazz)

Côté Thèmes

  • Rien de nouveau, quelques corrections ont été apportées entre WP6.4 et WP6.5 sur les thèmes Gutenberg officiels (TT2/TT3/TT4)
  • Les concepteurs de thème Classiques peuvent activer les fonctionnalités Apparence de Gutenberg (options dimension, bordure, typographie, et couleurs)
  • La gestion de l’icone Favicon du site peut se faire directement depuis les réglages généraux du site (avant il fallait aller dans le customizer, planqué quand on utilise un theme FSE). Ca évoluera encore quand l’interface d’administration sera unifiée.

Côté Editeur Gutenberg

  • Unification de l’éditeur de template et de l’éditeur de post (UX), permettant de naviguer aisement de l’un à l’autre, en conservant ses Préférences et les options principales.
  • Amélioration des performances dans l’Editeur Gutenberg (gain de 2 à 6 fois), près de 110 améliorations apportées, et pas mal de code a été réécrit / nettoya pour le simplifier. On sent que Gutenberg est en mode mature.
  • Amélioration de l’UX du gestionnaire de Préférences (meilleure catégorisation)
  • Nouveau gestionnaire de Font (Polices) : la sortie de cette fonctionnalité, initialement prévue dans WP 6.4, avait été in extremis repoussée à WordPress 6.5 afin d’améliorer le code notamment côté API Rest
    • Installation de fonts perso ou de Google Fonts
    • Possibilité de les héberger en local sur son serveur (RGPD / Performances)
    • Usage de ces fonts via les paramètres Styles de l’éditeur du thème (ex: Hn)
    • Les fichiers associés sont stockées par défaut dans le répertoire wp-content/fonts (avec un fallback possible vers wp-content/uploads/fonts) // [MAJ 25/03/2024] : finalement, ca sera dans wp-content/uploads/fonts dans la version finale
  • Amélioration du gestionnaire des révisions de style (historisation, liste des modifications, intégration avec le Livre de Style aka Style Book, ergonomie améliorée pour revenir à ancienne version). C’est un premier pas vers les besoins de la phase 3.
  • Nouvelle ergonomie du Backoffice (Editeur), notamment dans la liste des Templates (modèles), Pages et Patterns (Compositions y compris les partielles)
    • Utilisation de la nouvelle API Data View, permettant de filtrer aisément et de choisir le type d’affichage (liste, vignette, etc.)
    • Davantage de glisser déposer (drag and drop) dans l’interface Editeur
    • Amélioration du mode Sans Distraction & de la Toolbar
  • Amélioration de la gestion des patterns avec notamment le Partial Sync / Sync Pattern override (surcharge)
    • [MAJ 07/03/2024] Finalement la fonctionnalité ‘Synced Pattern Overridesest reportée à WP6.6. Elle reste disponible via le plugin Gutenberg, et évoluera (des effets de bord ont été notés en phase beta/RC)
    • Cela se paramètres dans les options avancées des blocs (activer la surcharge / autoriser les modifications)
    • Pour l’instant, tous les blocs ne sont pas éligibles (uniquement Paragraphe, Image, Titre, Boutons). Ce sera étendu aux autres composants dans les releases suivantes
    • Utilisation : sur un pattern perso (ex: CTA), il est maintenant possible de choisir si l’on permet la personnalisation de certaines éléments (ex: le texte d’accroche) dans toutes les instances
  • Amélioration gestion de la vue Liste
    • Options accessibles par simple clic droit (et non plus uniquement via clic sur les 3 points ellipses)
    • Tous les blocs peuvent être renommés maintenant
  • Davantage de glissé déposé autorisé vers le contenu (ajout bloc depuis la bibliothèque, vue liste, etc.)
  • Simplification UX ajout de liens (links), ajout capacité « Copier un lien »
  • Amélioration de certains blocs ou options de blocs
    • Bloc Bannière / Cover : gestion des ratios d’image
    • Bloc Groupe : possibilité de paramétrer une image de fond (background)
    • Bloc Galerie : mode random
    • Option Ombrage (shadow) disponible sur un plus grand nombre de blocs (images, boutons, colonnes)

Côté Core

  • Chargement optimisé des traductions (Performant Translations / chargement en PHP des fichiers gettext .po/.mo / mise en cache), apportant un gain de 25%
  • Prise en charge du format AVIF : le poids des images est réduit de 50% par rapport au JPEG, à qualité d’image comparable, prend en charge le format HDR et produit des images à contraste plus elevé notamment dans les détails.
  • Plus de 65 optimisations accessibilité (WCAG / RGAA)

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

  • Refonte de la documentation développeur
  • Interactive API (en mode Public) : ensemble de fonctionnalités permettant d’offrir une interaction utilisateurs (ex: tris, likes, pagination, etc.) en mode haute performance / sans lag
  • Block Binding API : une interface qui permet de connecter les blocs standards à des éléments externes, comme par exemple des Custom Fields ou autres éléments dynamiques. ACF va être content.
  • Data View API
  • Améliorations Block API, Block Hooks, HTML API
  • Script Modules API (JS)
  • Plugin Dependencies : enfin, les éditeurs de plugin peuvent rendre obligatoire l’installer d’addons
  • Amélioration des performances sur les variations de blocs (callback/lazyloading)
  • La version minimum de MySQL passe de 5.0 à 5.5.5 (utilisée encore par 15% des sites tournant sur WP)

En conclusion – notre avis sur cette version WP 6.5

Cette version apporte un grand nombre de corrections et stabilise l’éditeur Gutenberg. ENFIN !

  • WordPress devient aux vraie boite à outils pour tous, du novice au développeur expert. La grande avancée est indéniablement la gestion des Polices / Fonts et le polissage de l’interface de l’Editeur, et de belles API voient aussi le jour pour les développeurs.
  • Cette version vient indéniablement clore la phase 2 du projet Gutenberg. Certes il reste des points à peaufiner, mais l’essentiel est fait.
  • Côté fonctionnalités de collaboration phase 3, cette version n’apporte que les Révisions améliorées, mais pose des bases techniques pour le collaboratif (cf nouvelles API)
  • Le projet va maintenant pouvoir faire avancer le backoffice pour le mettre dans sa configuration finale, et notamment le gestionnaire de médias !
  • Il y a encore quelques manques fonctionnels, mais la liste diminue.
  • La version WordPress 6.6 est attendue pour fin Juillet. Cela va encore être beau. Nous recommandons toujours d’installer le plugin Gutenberg afin d’avoir en avance de phase les correctifs ou améliorations manquantes. Le développement y est soutenu, la réactivités des corrections bonne (1 release tous les 15 jours). Les versions mineures WordPress ne sont pas si fréquentes entre 2 releases majeures. La version 18 sera majeure, il y a du très bon dedans.

Ce qui reste à améliorer à notre sens

Vous trouverez ci-dessous les manques que nous avons détectés lors de nos projets WordPress.

  • Il y a encore des lenteurs dans l’Editeur, ce sera encore amélioré dans les versions suivantes
  • 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.)
  • 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)
    • Permettre de définir globalement dans le style des dimensions (margin/padding) sur les Hn
    • Interactive States : il manque une gestion des états interactifs (a:hover, a:focus), notamment sur le block Bout
    • 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) et qu’on puisse la gérer directement sur le container header
    • 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 Liste : pouvoir identer avec la tabulation (possible uniquement via la ToolBar)
    • Bloc de navigation :
      • Upload icone burger custom, taille et style icone,
      • Largeur & stylisation dropdown (ombre, border, etc.) et des liens
    • 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 source 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 🙂
  • Chargement natif de fichiers SVG

Le fonctionnel reporté à WordPress 6.6

  • Bloc Table des Matières
  • Bloc modale
  • Rollback automatique en cas d’erreur d’auto-update
  • Notifications
  • Les fonctionnalités collaboratives : flux de travail collaboratif, édition conjointe, révisions bloc par bloc
  • Les Partials Synced patterns (cf plus haut)
  • Le nouveau gestionnaire de média
  • Le backoffice unifié

Les pépites techniques à venir

  • Grid Block : le CSS Grid arrive !
  • Suppression usage de jQuery sur le front
  • Data Liberation Initiative : outils de migration vers WordPress Gutenberg depuis les principaux CMS du marché (Wix, Drupal, etc.)
  • PHP Autoloader dans WP

Migrer sur WordPress 6.5 : 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 de moderniser votre site WordPress ?