Le Guide du développeur pour WordPress 6.8

WordPress 6.8, alias « Cecil », arrive avec son lot de nouveautés intéressantes pour les développeurs. Comme à chaque version, j’ai l’impression d’être un gamin dans un magasin de jouets, ne sachant plus par quoi commencer.

Cette version intervient sur plusieurs axes du cœur de WordPress : amélioration des performances, évolution de la bibliothèque de blocs, enrichissement des outils de conception, et nouvelles possibilités pour la personnalisation des thèmes.

Elle introduit également des améliorations notables pour les développeurs de thèmes et d’extensions, en simplifiant certains flux de travail et en étendant les capacités des API existantes.

Allez, on rentre dans le vif du sujet.

Pour une vue complète des modifications techniques, consultez le Field Guide WordPress 6.8 (en anglais) publié sur Make WordPress Core.

1. Enregistrement plus performant des types de blocs
2. Nouvelles sections dans le guide de styles
3. Mises à jour de la bibliothèque de blocs
   1. Nouveau bloc : Total de la requête
   2. Effet lightbox pour le bloc galerie
   3. Bloc détails
   4. Petites évolutions utiles
   5. Modifications CSS notables
4. Outils de conception étendus
5. Organisation des compositions
   1. Compositions dans des sous-dossiers
   2. Catégorie « Contenu de démarrage »
6. Mises à jour de l’API
   1. Interactivité
   2. Hooks de bloc
7. Sécurité : passage à bcrypt pour le hachage des mots de passe
8. Améliorations des performances
   1. Chargement spéculatif
   2. Avertissements sur useSelect en développement
   3. Hook de filtre pour le chargement conditionnel des ressources de bloc
9. Que construirez-vous avec WordPress 6.8 ?

Enregistrement plus performant des types de blocs

L’une des nouveautés notables de WordPress 6.8 côté développement, c’est la nouvelle fonction wp_register_block_types_from_metadata_collection(). Elle permet d’enregistrer en une seule fois tous les types de blocs définis dans un fichier blocks-manifest.php, sans avoir à parcourir individuellement chaque fichier block.json.

Cette approche s’appuie sur wp_register_block_metadata_collection() (introduite dans WordPress 6.7), mais va plus loin en automatisant l’enregistrement des blocs depuis une collection centralisée de métadonnées.

Concrètement, voici comment l’utiliser :

wp_register_block_types_from_metadata_collection(
    __DIR__ . '/build',
    __DIR__ . '/build/blocks-manifest.php'
);

Cela permet de simplifier l’enregistrement des blocs dans vos extensions, tout en réduisant les lectures de fichiers à la volée. Et si vous devez rester compatible avec les versions antérieures, l’équipe Core propose une note de développeur expliquant comment gérer ça proprement.

Nouvelles sections dans le guide de styles

Le guide de styles gagne en clarté avec une nouvelle organisation par sections. Cette interface permet désormais de visualiser les styles typographiques ou les éléments d’interface de manière structurée, ce qui facilite les ajustements globaux du thème.

Parmi les autres nouveautés du guide de styles :

• Il possède désormais sa propre URL, ce qui permet d’y accéder directement :
  /wp-admin/site-editor.php?p=%2Fstyles&preview=stylebook
• Il est désormais compatible avec les thèmes classiques (Classic Themes), ce qui élargit son champ d’action.

Mises à jour de la bibliothèque de blocs

Entre l’ajout de nouveaux blocs et l’évolution des blocs existants, WordPress 6.8 enrichit la bibliothèque de blocs avec des améliorations concrètes qui ouvrent la voie à de nouvelles possibilités de mise en page et de personnalisation.

Nouveau bloc : Total de la requête

Un nouveau bloc fait son apparition dans WordPress 6.8 : Total de la requête. Il permet d’afficher aux visiteurs des informations contextuelles sur la requête de contenu en cours. Ce bloc est conçu pour être utilisé à l’intérieur d’un bloc boucle de requête (Query Loop) et propose deux modes d’affichage :

• Nombre total de résultats : affiche le nombre total de contenus correspondant à la requête.
• Plage de résultats : indique quels éléments sont affichés actuellement (ex. : « Résultats 1 à 10 sur 56 »).

Effet lightbox pour le bloc galerie

L’effet lightbox, déjà disponible pour les images individuelles avec les blocs image, est désormais pris en charge dans le bloc Galerie. Il s’active en cliquant sur le bouton Lien dans la barre d’outils du bloc, puis en sélectionnant l’option Agrandir au clic.

À noter : cette fonctionnalité n’ajoute pas de diaporama pour faire défiler les images de la galerie. Elle applique simplement l’effet lightbox sur chaque image individuelle.

Bloc détails

WordPress 6.8 permet désormais de regrouper plusieurs blocs détails pour créer un effet accordéon natif, sans script JavaScript. Il suffit d’assigner la même valeur d’attribut HTML name à plusieurs blocs <details>. Les navigateurs se chargeront automatiquement de fermer l’élément ouvert lorsqu’un autre est déployé.

L’attribut name peut être défini depuis la barre latérale de l’inspecteur de bloc, via Avancé → Attribut Name.

Autre amélioration : le bloc Détails prend désormais en charge les ancres HTML, ce qui permet de cibler précisément un bloc via un lien. L’option se trouve également sous Avancé → Ancre HTML.

Petites évolutions utiles

WordPress 6.8 introduit plusieurs améliorations ciblées sur des blocs existants :

• Lien de navigation : accepte désormais les formats RichText non interactifs (gras, italique, etc.) à l’intérieur du lien.
• Séparateur : peut être rendu sous forme de balise <div>, utile pour un usage purement décoratif (au lieu du <hr>, réservé aux ruptures sémantiques).
• Fichier : permet maintenant de verrouiller la structure du bloc tout en autorisant l’édition du contenu. Idéal dans un modèle figé.
• Bannière : possibilité de spécifier une résolution d’image personnalisée, y compris pour l’image mise en avant.
• Liens social : une variation Discord avec son icône est désormais disponible.
• Boucle de requête :
  • Permet de trier les pages selon l’ordre du menu (croissant/décroissant).
  • Possibilité d’ignorer les publications épinglées dans les requêtes personnalisées.

Modifications CSS notables

WordPress 6.8 apporte quelques ajustements CSS importants :

• Le bloc boutons utilise désormais box-sizing: border-box, assurant une meilleure cohérence de rendu avec les autres blocs.
• Les superpositions d’image avec le bloc image sont maintenant injectées via l’attribut data-wp-bind--style au lieu d’utiliser des balises <style> en ligne. Une évolution utile pour la maintenance du DOM.

Outils de conception étendus

Cette version élargit la prise en charge des outils de conception dans l’éditeur pour de nombreux blocs natifs. Cela inclut la gestion des couleurs, bordures et espacements dans l’UI, mais aussi via theme.json même si le bloc n’affiche pas ces options.

Les blocs Archives, Catégorie, Contenu et Liste des pages prennent maintenant en charge plus d’outils de couleur. De nombreux blocs ont également gagné le support des bordures :

• Archives
• Commentaires
• Lien de commentaires
• Nombre de commentaires
• Contenu
• Derniers articles
• Liste des pages
• Total de la requête
• RSS

Les blocs Contenu, Liste des pages et RSS prennent également maintenant en charge les outils de conception d’espacement.

Pour une liste complète du support des outils de conception, consultez le roster des outils de conception par bloc (édition WordPress 6.8).

Organisation des compositions

Les développeurs peuvent maintenant organiser les compositions de manière plus intuitive et directe.

Compositions dans des sous-dossiers

Si vous livrez un thème avec un grand nombre de compoditions, vous avez sans doute déjà été confronté à une liste plate, difficile à parcourir, dans le dossier /patterns. Cela pouvait rapidement devenir laborieux à maintenir et à organiser.

Avec WordPress 6.8, il est désormais possible d’organiser vos compositions dans des sous-répertoires, directement sous /patterns. Cette structure permet une hiérarchisation claire, et facilite grandement la navigation et la gestion des modèles au sein de votre thème.

Par exemple, vous pouvez séparer les modèles d’en-tête et de pied de page dans votre dossier de thème comme ceci :

/patterns
	/header
		centered.php
		default.php
	/footer
		default.php
		links.php

Catégorie « Contenu de démarrage »

Les compositions associées au bloc core/post-content apparaissent maintenant dans la catégorie Contenu de démarrage. Ces compositions sont proposées dans une modalité lors de la création d’une nouvelle page.

Les créateurs de contenu qui ne souhaitent pas utiliser cette modalité peuvent la désactiver avec un interrupteur au bas de la modalité ou via l’écran Éditeur → menu à 3 points (⋮) →  Préférences.  

Désormais, vous pouvez créer des compositions de contenu de démarrage pour tous les types de publication : pages, articles et types personnalisés.

Mises à jour de l’API

WordPress 6.8 introduit plusieurs améliorations au niveau de l’API visant à rendre le développement plus robuste et extensible. Ces changements améliorent la façon dont les développeurs interagissent avec les données, insèrent des blocs et travaillent avec des modèles.

Interactivité

La directive wp-each, utilisée dans le moteur d’interactivité de WordPress, a été améliorée. Au lieu d’appeler directement .map, elle vérifie désormais d’abord si la propriété ciblée est bien itérable. Cela permet d’éviter les erreurs lorsqu’une valeur non itérable est passée, rendant le système plus robuste.

Un guide des bonnes pratiques pour l’interactivité dans WordPress 6.8 est disponible sur le blog Make WordPress Core. Le suivre vous aidera à maintenir un code à jour et à anticiper les évolutions futures de l’API.

Hooks de bloc

Deux évolutions majeures ont été apportées à l’API des hooks de bloc :

• Les hooks peuvent désormais injecter dynamiquement des blocs dans le contenu des publications (articles, pages).
• Les compositions synchronisées sont désormais compatibles avec ces hooks, ce qui ouvre la voie à des automatisations plus poussées et cohérentes avec l’éditeur de site.

Sécurité : passage à bcrypt pour le hachage des mots de passe

WordPress 6.8 améliore la sécurité des comptes utilisateur en adoptant bcrypt comme nouvel algorithme de hachage des mots de passe, remplaçant l’ancien système basé sur phpass.

Ce changement rend les mots de passe plus résistants aux attaques par force brute, en imposant un coût de calcul bien plus élevé pour générer ou casser un hachage.

Si votre extension utilise les fonctions standards wp_hash_password() ou wp_check_password(), aucune modification n’est requise. En revanche, si vous manipulez directement les hachages phpass, une mise à jour de votre logique est nécessaire.

Deux nouvelles fonctions ont été introduites :

• wp_fast_hash() : pour générer un hachage à partir d’une chaîne à forte entropie.
• wp_verify_fast_hash() : pour vérifier ces hachages.

Consultez la note de développement associée sur Make Core pour plus de détails.

Améliorations des performances

Enfin, WordPress 6.8 apporte des améliorations de performance utiles à tous les sites.

Chargement spéculatif

WordPress 6.8 introduit le chargement spéculatif (speculative loading) qui permet aux navigateurs compatibles de précharger ou de pré-rendre certaines pages en arrière-plan, avant que l’utilisateur ne clique sur un lien. Cela permet d’accélérer significativement la navigation.

Ce mécanisme, initialement proposé sous forme d’extension en avril 2024, a été intégré au cœur après de nombreuses itérations et retours.

La fonctionnalité repose sur trois hooks principaux pour en ajuster le comportement :

• wp_load_speculation_rules : pour ajouter vos propres règles personnalisées.
• wp_speculation_rules_href_exclude_paths : pour exclure certaines URL du préchargement.
• wp_speculation_rules_configuration : pour modifier les règles appliquées.

Avertissements sur useSelect en développement

Quand le mode SCRIPT_DEBUG est activé (ce qui est le cas en environnement de développement), WordPress affiche désormais des avertissements dans la console si useSelect est utilisé de manière inefficace (ex. : re-rendus inutiles).

Un outil précieux pour quiconque personnalise ou étend l’éditeur de blocs et souhaite améliorer la performance de ses composants React.

Hook de filtre pour le chargement conditionnel des ressources de bloc

Jusqu’à WordPress 6.8, le filtre should_load_separate_block_assets avait une double responsabilité :

1. Charger les feuilles de style (CSS) des blocs Core séparément (plutôt que via la feuille de style globale wp-block-library).
2. Charger scripts et styles à la demande, uniquement si un bloc est utilisé sur la page.

À présent, pour déterminer quand charger les ressources, cette seconde responsabilité est déplacée vers un nouveau filtre plus explicite :
should_load_block_assets_on_demand.

Il est recommandé d’utiliser ce nouveau hook pour gérer le chargement conditionnel, et de réserver should_load_separate_block_assets à la gestion des styles groupés ou séparés.

Que construirez-vous avec WordPress 6.8 ?

WordPress 6.8 poursuit l’évolution de la plateforme avec des API plus puissantes, une expérience de développement plus fluide, et des optimisations qui bénéficient autant aux créateurs de thèmes qu’aux auteurs d’extensions.

Que vous déployiez des sites à la chaîne ou que vous expérimentiez avec l’éditeur de blocs, cette version vous aidera à gagner en efficacité et à produire un code plus maintenable.

Si vous développez sur WordPress.com, toutes ces nouveautés sont déjà disponibles – aucun besoin de gérer manuellement les versions. Vous profitez des dernières fonctionnalités, d’un environnement managé, de l’accès SSH, des déploiements GitHub, et d’outils pensés pour accélérer votre cycle de développement.