WordPress 6.6 « Dorsey »

Intitulée en l’honneur du tromboniste américain Tommy Dorsey, WordPress 6.6 est disponible au téléchargement depuis le 16 juillet 2024. Cette nouvelle version majeure apporte son lot de nouvelles fonctionnalités liées au Full Site Editing, la gestion des échecs lors des mises à jours automatiques ou encore un gain notable sur les performances.

Aperçu des nouveautés pour l’utilisateur final

Cette nouvelle mouture contient pas moins de 1 900 améliorations et correctifs, un travail colossal porté par plus de 630 contributeurs de plus de 50 pays. Un immense merci à eux pour ce travail bénévole qui fait du projet WordPress l’un des plus actifs en matière d’open source.

Un flux de publication repensée

Cette évolution est sans doute la plus visible pour l’ensemble des utilisateurs de WordPress car elle impacte directement votre quotidien : le processus de publication est largement remaniée.

L’image mise en avant, l’extrait, les révisions, les options de discussions sont regroupées afin d’occuper moins d’espace dans le panneau latéral Article. Cet affichage plus condensé facilite l’accès aux réglages essentiels d’une publication.

Quelque peu déroutante au premier abord, je préfère cette nouvelle présentation même si l’interface utilisateur de l’éditeur moderne est encore largement perfectible.

Des palettes de couleurs et des jeux de polices

Si vous utilisez ou développez un thème basé sur les blocs, cette évolution vous donnera davantage de granularité dans les possibilités de personnalisation offertes à vos utilisateurs en ajoutant des palettes de couleurs alternatives et des jeux de polices complémentaires.

Cet apport évite de passer par les variations de thème en proposant une personnalisation à la carte du thème.

Pour l’instant, seul le thème par défaut Twenty Twenty-Four propose des palettes supplémentaires. Il faudra patienter avec l’arrivée du thème Twenty Twenty-Five pour visualiser pleinement les possibilités avec notamment des jeux de polices additionnels. Les développeurs peuvent d’ores et déjà déclarer ces changements via le fichier theme.json.

Bien qu’intéressante, cette nouveauté ne concerne donc qu’une infime minorité de sites WordPress mais pose les jalons pour de nouveaux projets.

Retour en arrière pour les mises à jour automatiques des extensions

En cas d’échec dans le processus de mise à jour automatique d’une extension, WordPress est désormais capable de restaurer la version précédente ce qui limitera les indisponibilités de votre site. Cette fonctionnalité est plus que la bienvenue tant les risques d’activer les mises à jour automatiques sur des projets en production peuvent être source de problèmes techniques.

Pour ma part, je préconise d’activer seulement les mises à jour automatiques de maintenance du cœur de WordPress pour des raisons évidentes de sécurité. Les extensions et les thèmes doivent faire l’objet de mises à jour déclenchées manuellement. C’est ma doctrine en matière de maintenance de sites WordPress.

Un éditeur encore plus moderne : marges négatives, ombres, ratios prédéfinis, bloc grille et plus

Comme vous le savez, chaque nouvelle version de WordPress est synonyme d’apports issus du projet Gutenberg qui suit son propre rythme de développement en parallèle.

Nous bénéficions donc de nouveautés très pratiques dont :

• La possibilité de définir une marge négative : très utile pour des structures de pages évoluées qui nécessite de faire se chevaucher des groupes de blocs ;
• L’apport de styles prédéfinis pour les ombres : je les trouve particulièrement bien choisis nativement ;
• L’ajout du bloc grille qui fonctionne sur le principe des grilles CSS : ce bloc complète le bloc groupe, rangée et empilement dont les deux derniers reposent sur les boîtes flexibles en CSS. Le bloc grille n’est pas le plus évident à prendre en main, la subtilité consiste à devoir grouper les éléments à l’intérieur d’un élément mais les développeurs y trouveront un intérêt plus que certain ;
• Le raccourci clavier Cmd + G (macOS) ou Ctrl + G (Windows) permet de grouper : je l’attendais avec impatience, quelle joie ;
• Des ratios prédéfinis pour les blocs image, image mise en avant et bannière : indispensable pour conserver l’homothétie entre vos visuels ;
• L’accès au gestionnaire moderne de compositions pour les thèmes classiques : les compositions constituent sans aucun doute le point d’entrée le plus simple vers l’édition complète de site ;

Toutes ces petites améliorations réduisent la frustration que nous pouvons ressentir par moment lors de l’édition de nos contenus.

Personnaliser le contenu des compositions synchronisées

C’est sans doute la nouveauté qui attire le plus mon attention : la possibilité d’éditer le contenu d’une composition synchronisée.

Pour rappel, les compositions ou patterns sont des ensembles de blocs qui seront réutilisables au sein de votre site Web. Elles peuvent être synchronisées, c’est-à-dire que les modifications sont répercutées à l’identique sur chaque instance. Vous pouvez par exemple créer une composition pour votre formulaire d’abonnement à votre newsletter avec les blocs suivants : titre, paragraphe et formulaire d’abonnement. Vous l’ajoutez ensuite dans différents modèles de votre thème. Si vous avez besoin de modifier le titre alors ce dernier sera modifié sur l’ensemble des pages embarquant cette composition synchronisée. Dans le cas où vous n’activez pas la synchronisation, chaque instance est indépendante. Les compositions non synchronisées sont davantage des portions de modèles.

Avec WordPress 6.6, c’est une approche intermédiaire qui nous ait proposée : la forme est identique mais le fond peut changer en fonction du contenu. Concrètement, des éléments de forme comme les styles et la structuration des blocs sont synchronisés mais les contenus peuvent être altérées à la demande. Cette évolution combine le meilleur des deux mondes en apportant plus de souplesse pour les webmasters.

Une liste des pages refondue pour l’éditeur de site

Les utilisateurs de l’éditeur de site natif de WordPress, le fameux Full Site Editor disposent d’un accès direct à la liste des pages ce qui facilite la bascule vers ces dernières pour une édition plus rapide. WordPress 6.6 introduit un nouvel affichage en mode liste en complément des vues grille et tableau.

Le gros intérêt de cette nouvelle vue est de permettre la prévisualisation des contenus en un clic.

Des performances améliorées

Chaque nouvelle version de WordPress apporte son lot d’améliorations en matière de temps de chargement. Cette version 6.6 n’est pas en reste avec :

• Un chargement plus rapide de 35% des modèles dans l’éditeur ;
• La suppression de requêtes redondantes sur WP_Theme_JSON ;
• La désactivation du chargement automatique des options en base de données les plus lourdes ;
• La suppression de dépendances devenues inutiles ;
• Le chargement différé des contenus embarqués via oEmbed ;

Pour l’avoir testé depuis plusieurs semaines, je peux vous garantir que les gains de performances sont au rendez-vous.

Des améliorations sur l’accessibilité

Cette version apporte pas moins de 58 correctifs et améliorations pour l’accessibilité de WordPress. Elles se concentrent principalement sur les vues de données du nouvel éditeur de site et l’outil d’insertion de blocs et de compositions. Autant dire des éléments au cœur de l’expérience utilisateur !

Aperçu des nouveautés pour les développeurs

Comme toujours, les développeurs ne sont pas en reste avec cette nouvelle mouture. Je dirais même plus que la plupart des changements majeures s’opèrent sous le capot et posent les fondations du futur de WordPress. Je vous présente une sélection d’évolutions ayant retenu mon attention.

API sur les blocs

WordPress 6.5 introduisait déjà l’API Block Bindings permettant de connecter des données issues de champs personnalisés à certains blocs. Cette API n’est ni plus ni moins que l’ajout de données dynamiques au sein des blocs. Une vraie révolution qui permettra à terme, j’en suis persuadé, de remplacer une extension comme Advanced Custom Fields.

WordPress 6.6 autorise désormais l’édition des valeurs directement depuis le panneau d’édition du bloc. Vous pouvez en voir tout le potentiel dans cette vidéo de démonstration officielle :

En complément de ces changements relatifs à l’interface utilisateur, de nouvelles fonctionnalités débarquent avec :

• La mise à jour des champs personnalisés depuis un bloc boucle de requête : ce système est très ingénieux et va remplacer de nombreuses surcouches inutiles apportées par certains thèmes ;
• La synchronisation des valeurs de champs lorsque plusieurs blocs sont reliés au même champ personnalisé ;
• Les utilisateurs peuvent seulement éditer les champs personnalisés des contenus auxquels ils ont accès : c’est la prise en charge des permissions ;

Tous les détails relatifs à l’édition des champs personnalisés depuis les blocs connectés sont listés dans une note technique officielle.

Theme.json version 3

Le fichier theme.json est le pilier de la conception de thèmes basés sur les blocs. C’est un fichier de configuration pour les réglages et les styles relatifs à votre thème écrit en JSON. WordPress 6.6 le fait passer en version 3 avec de nouvelles spécificités dont :

• L’introduction des styles de section pour faciliter le processus de modification des styles pour les blocs d’une même section : un sérieux gain en productivité à prévoir pour les webmasters, à condition que les développeurs usent de cette possibilité. Nous avions déjà la possibilité d’ajouter des styles prédéfinis sur des blocs, la nouveauté présentée ici est de faire cela sur un ensemble de blocs imbriqués ;
• La gestion des tailles de polices ainsi que les marges internes natives : il est désormais nécessaire de déclarer leur usage via defaultFontSizes et defaultSpacingSizes sur false pour continuer à les surclasser comme dans la version 2 ;
• La configuration du bloc grille pour coller à votre système de design ;
• La définition d’une image d’arrière-plan pleine largeur : vous pouvez spécifier cette image directement depuis le fichier theme.json et l’éditeur de site ;

Fin du support de PHP 7.0 et 7.1

La rétrocompatibilité envers PHP 7.0 et 7.1 est arrêtée, je vous recommande vivement de passer à PHP 8.2 pour des raisons de sécurité et de performances.

La liste des changements techniques opérés à destination des développeurs est tellement longue qu’il vous faudra prendre le temps de tout lire sur la note officielle.

Support de React

React JSX Transform est supporté avec l’arrivée de WordPress 6.6. Le passage à React 19 est en cours avec la mise à jour à React 18.3.

Télécharger WordPress 6.6

Vous pouvez obtenir gratuitement la mise à jour via le module Tableau de bord puis Mises à jour de votre interface d’administration ou en téléchargeant directement l’archive.

Mon avis sur WordPress 6.6

En tant qu’utilisateur de WordPress, vous apprécierez les évolutions sur l’interface tant au niveau de l’éditeur de contenu que de l’éditeur de site. Les gains de performance sont largement perceptibles, l’ensemble du back-office est plus réactif.

En tant que développeur, les changements sont extrêmement nombreux : vous ne pourrez pas tous les comprendre en quelques heures, il vous faudra expérimenter au sein de vos thèmes basés sur les blocs ou de vos extensions.

Je réitère mon propos de conclusion suite à la sortie de WordPress 6.5 : les avancées natives en matière de conception de thèmes grâce aux apports du projet Gutenberg sont considérables. Il est plus que temps de prendre le train en marche en embrassant le Full Site Editing.