WordPress 6.4 : une version plus affirmée ?

Présentation de WordPress 6.4

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

WordPress 6.4 & la Roadmap Gutenberg

Dernière release majeure de l’année 2023, cette version avait pour objectif de stabiliser l’éditeur et de terminer la couverture fonctionnelle de base de Gutenberg (fin de phase 2). Elle devait apporter un Gestionnaire de Fonts (Polices), mais le timing était trop serré pour stabiliser la fonctionnalité. Elle a été retirée avant la sortie de la version Beta 3 et donc reportée à WP 6.5 (février/mars 2024).

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)
  • 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.4

Cette version Shirley (du nom de la pianiste et chanteuse de jazz Shirley Horn) apporte plus de 420 améliorations et 445 corrections de bugs.

Côté Thème

  • Un nouveau thème TT4 (Twent Twenty Four) multi-usages : le thème propose tous les éléments pour répondre à 3 cibles (Entrepreneur PME / Photographes et Artistes / Blogueurs Ecrivains), le tout avec les compositions (patterns) nécessaires, et une police élégante.

Côté Editeur Gutenberg

  • Optimisation Editeur de site
    • Vue liste : possibilité de renommer les Groupes
    • Vue liste : mignature pour les blocs images
    • Vue liste : nouveau raccourci duplication de bloc
    • Nouvelles commandes pour la Command Palette
  • Optimisation sur le bloc liste, Notes Pied de Page (footnotes), Citation (Quote). Celle du bloc Table des contenus a été reportée à WP6.5 finalement
  • Bloc Image :
    • Ajout de la vue LightBox (ouverture en grand de l’image)
    • Conservation du ratio lors du changement d’image
  • Bloc Groupe : ajout paramétrage Background Image
  • Bloc Navigation : l’ajout de bloc Boutons est autorisée maintenant
  • Bloc colonne et bloc groupe : possibilité de personnaliser la couleur des boutons et des Hn
  • Block Query Loop : nouvelle option de pagination utilisant l’API Interactivity, paramètre permettant d’ajuster le nombre de paginations
  • Bloc Pagination : corrections accessibilité
  • Compositions (pattern) :
    • possibilité de les catégoriser
    • export au format json
    • compatibilité pour les thèmes classiques
  • Ajout option Ombrage // reporté à WP6.5
  • Orientation du texte : possiblilité de choisir vertical
  • Composition synchronisées : gestion de l’alignement
  • Paramétrage d’un Lien : nouvelle option no-follow

Côté Core

  • Amélioration normes accessibilité
  • Amélioration des performances
  • Les pièces jointes ne disposent plus par défaut d’une page dédiée pour les nouvelles installations de WordPress (il est possible d’activer/désactiver cela via la base de données).

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

  • Insertion automatique de bloc aka block hooks (permet de créer des blocs qui font appels à d’autres blocs)
  • Interactive API (en mode Private)
  • Possibilité d’interdire l’édition de bloc via useBlockEditingMode()
  • Fluid typography : vous pouvez définir les valeurs min and max viewport width
  • Possibilité de désactiver les options de mise en forme des blocs via theme.json
  • Composant Progress Bar (il est utilisé dans l’Editeur)
  • Introduction de fonctions pour gérer l’affichage des Notices Admin
  • La version de PHP recommandée passe dorénavant à PHP 8.1-8.2

Notre avis sur cette version WP 6.4

Ce qui reste à améliorer à notre sens

Il y encore trop de fonctionnalités non terminées

  • Ergonomie du backoffice : la refonte du backoffice est programmée dans la phase 3 du projet
    • L’UX de l’éditeur de site préfigure ce qui va bientôt arriver
    • La refonte du gestionnaire d’images / Médias est prévue dans la phase 3
    • Dans les 2 cas, c’est déjà en cours dans les PR
  • 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.)
  • 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)
    • 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 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 🙂
  • Chargement natif de fichiers SVG

Le fonctionnel reporté à WordPress 6.5

  • Le gestionnaire de Font (Polices)
  • Bloc Table des Matières
  • Bloc modale
  • Rollback automatique en cas d’erreur d’auto-update
  • Notifications

Les (belles) pépites techniques à venir

  • Data View
  • Interactive API (en mode Public)
  • Suppression usage de jQuery sur le front
  • Chargement optimisé des traductions (nouvelle méthode)

En conclusion

Cette version apporte un paquet de correctifs, quelques améliorations bienvenues, mais ce n’est à notre sens pas encore la version qui clôture correctement la Phase 2. Le fait de retirer in extremis la nouveau gestionnaire de font a fait prendre conscience aux développeurs du Core qu’il fallait un peu plus de temps. Nul doute que la version WordPress 6.5, attendue fin mars 2024, viendra marquer davantage la finalisation de la phase 2 du projet Gutenberg.

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). En effet, les versions mineures WordPress ne sont pas si fréquentes entre 2 releases majeures.

Migrer sur WordPress 6.4 : 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 dynamiser votre site WordPress ?