WordPress 6.7 : approfondissements d’automne

La version finale de WordPress 6.7 sera publiée courant novembre 2024. L’Éditeur Gutenberg améliore sa couverture fonctionnelle sur les fonctionnalités essentielles, le backoffice poursuit sa transformation. Détaillons ci-dessous les nouveautés apportées, agrémentées de nos précieux conseils.

WordPress 6.7 & la Roadmap Gutenberg

Troisième version majeure de l’année 2024, cette version prépare l’éditeur Gutenberg à la phase 3. C’est une version de mise en bouche et d’approfondissement des fonctionnalités existantes, en particulier en terme d’expérience utilisateur autour des Templates / Compositions, Pages. Avec bien sûr le thème annule (TT5).

Elle embarque les versions Gutenberg 18.6 à 19.3

Elle est publiée en plein conflit entre Matt Mullenweg (l’un des fondateurs du CMS) et WP Engine, évènement qui a secoué l’écosystème WordPress.

Vous retrouverez le suivi des versions WordPress vs Gutenberg dans notre article dédié.

Les nouveautés fonctionnelles de cette version WordPress 6.7

Cette version apporte plus de 532 améliorations et 664 corrections de bugs.

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

• Core : 300 modifications (87 / 200 / 13)
• Gutenberg : 557 modifications (445 / 464 / 55 )

Son petit nom : Rollins (du nom du saxophoniste de jazz Sonny Rollins)

Côté Editeur Gutenberg

• Améliorations ergonomiques dans l’éditeur, pour plus de clarté, possibilités, et pour préparer la refonte finale de l’admin :
  • Introduction de vue Zoom Out, notamment quand on choisit sa composition
  • Dataviews : nouvelles vues listes templates, template parts, etc.
  • Nouvelle option dans les Préférences pour désactiver l’affichage de la modale Compositions lors de la création d’une page (starter patterns)
  • Optimisation des boutons de publication
• Généralisation d’options sur plusieurs blocs (border, border radius, shadow, etc.)
• Groupe : prise en charge sélecteur de style du thème, gestion des ombrages (shadow)
• Colonnes : les colonnes enfant gèrent maintenant les Border et Radius (pas encore le bloc parent Colonne)
• Query Loop : simplification / clarification des options (filtrage par post format, interface plus claire, options mieux annoncées)
• Généralisation de l’option Background Image
• Bloc Image : lors du chargement d’images multiples sur le bloc Image, le bloc sera converti automatiquement en Galerie
• UI Block Bindings : la fonctionnalité sort du mode expérimental, les CPT peuvent être liés à un block depuis l’Editeur (custom fields à activer dans les options de l’éditeur Gutenberg, puis à gérer via les attributs du bloc). Cela est pris en charge pour l’instant uniquement sur les blocs Paragraphe, Titre, Image et Galerie.
• Polices : gestion des presets de taille de font, option fluid typography
• Conversion automatique d’images HEIC (celui utilisé par défaut sur des appareils Apple) au format JPEG
• Amélioration bloc Cover

Côté Thèmes

• Une multitude de correctifs sur les anciens thèmes
• Le nouveau thème TT5 (Twenty Twenty Five aka 2025)

Côté Core

• Auto-size sur les images chargées en Lazzy Load
• Amélioration des performances (notamment génération automatique des tailles pour les images en lazzy load, un chargement plus rapide des compositions, un traitement plus efficace des balises dans l’API HTML)
• Amélioration de l’accessibilité (65 correctifs, dont une navigation améliorée dans les écrans de connexion, et dans le backoffice – navigation au clavier)
• WordPress est compatible maintenant seulement à partir de PHP 7.2.24
• Amélioration compatibilité PHP8 : les efforts sont encore en cours, il reste encore quelques correctifs à passer dans le core sur PHP8.1/8.2/8.3 La compatibilité PHP8.4 a été amorcée. Reste ensuite aux plugins d’être compatibles aussi.

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

• Amélioration des Dataviews
• Nouvelle API Template Registration
• Nouvelle déclaration des types de bloc wp_register_block_metadata_collection()
• Nouvelle API Preview Options (les développeurs peuvent étendre les vues proposés, au delà de desktop, mobile, tablettte)
• Améliorations sur Interactivity API, Block Bindings API (UI), HTML API
• Nouvelle vue Metabox iframed
• Amélioration du chargement des fichiers de traduction
• Content-only Editing

La nouvelle bibliothèque WordPress Design System

Quelques jours en amont de la sortie de WordPress 6.7, James Koster, en charge du Design WordPress, a mis à disposition une bibliothèque de style Figma « WordPress Design System« , permettant aux développeurs d’optimiser les flux de travail Figma avec une bibliothèque de composants cohérente et personnalisable.

De quoi permettre aux designers d’adapter l’UX des plugins tiers, afin d’être cohérent avec les nouveaux paradigmes. Good !

En conclusion – notre avis sur cette version WP 6.7

Cette version stabilise l’éditeur, améliore l’expérience utilisateur, et déploie les fonctionnalités de base sur un plus grand nombre de blocs. La grosse nouveauté est l’interface pour connecter des champs de données aux blocs (block binding). Elle prépare le prochain saut majeur qui est traditionnellement pour la version de février/mars. Gutenberg pourra alors passer à autre chose (phase 3/4 du projet à savoir le multi-langue et l’édition collaborative).

• Cette version avance sur la mise en oeuvre des composants nécessaires pour le nouveau backoffice (dataviews, interactive API, navigation editeur). L’ergonomie fait un beau saut en avant.
• La couverture fonctionnelle des styles essentiels (border, background, etc.) progresse
• La gestion des CPT dans Gutenberg fait au saut, avec l’interface Block Bindings
• Le nouveau thème TT5 est décevant : c’est un catalogue de template parts, domage. A quand un thème couteau suisse mis à jour à chaque release?
• Les API et composants pour développeurs progressent bien, plusieurs ont été stabilisés

Ce qui reste à améliorer à notre sens

Vous trouverez ci-dessous les manques que nous avons détectés à l’occasion de nos projets WordPress.

• Il y a encore quelques lenteurs dans l’Editeur, ce sera encore amélioré dans les versions suivantes
• Quelques bugs ennuyeux
  • Image associée à un contenu dans le cadre de l’éditeur Gutenberg : dans Media, elles sont déclarées non associées
  • Block Description courte (excerpt): permettre de conserver la mise en forme. La correction est en cours.
• 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 :
  • Interactive States : il manque une gestion des états interactifs (a:hover, a:focus), notamment sur le block Bouton
  • Cover / Columns / Groupe : pouvoir les rendre clickable
  • Focus Image mise en avant (featured image ) : pouvoir gérer un focus
  • Image mise en avant : pouvoir rendre obligatoire son paramétrage avant publication
  • Query Loop Bloc amélioré (skip élément courant, CPT, etc.), et plus d’options de mise en forme
  • Margin/ Padding sur les Hn : permettre de définir globalement dans le style des dimensions
  • 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
  • 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)
• Ajouter les blocs manquants :
  • Breadcrumb / Fil d’Ariane : en cours
  • Bloc Tabs & Accordéon : ils manquent 🙂
• Gestion des accès aux Patterns Compositions, notamment pour le rôle Editor (permission / roles)
• Chargement natif de fichiers SVG

Le fonctionnel reporté à WordPress 6.8

La version WordPress 6.8 est attendue pour avril 2025. Elle devrait apporter le nouveau backoffice remanié, et le nouveau gestionnaire de médias

• Bloc Table des Matières
• Bloc modale
• Notifications
• Les fonctionnalités collaboratives : flux de travail collaboratif, édition conjointe, révisions bloc par bloc
• Le nouveau gestionnaire de média
• Le backoffice unifié

En parallèle, les fonctionnalités collaboratives commencent à être travaillées dans le dur (ex: inline commenting).

Les pépites techniques à venir

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