Quoi de neuf dans WordPress 6.5

La sortie de WordPress 6.5 le 26 mars 2024 est une mise à jour très attendue qui attirera aussi bien les créateurs de sites que les développeurs. Cette nouvelle version introduit une conception d'administration mise à jour, donnant un aperçu de l'avenir de la gestion des données dans l'éditeur de site.

Les développeurs peuvent s’attendre à bénéficier d’améliorations de leur expérience de développement avec WordPress 6.5. Cette version apporte des avancées passionnantes qui amélioreront leur travail. L'un des points forts pour tous les utilisateurs est l'introduction de la bibliothèque de polices, qui révolutionne la façon dont les polices sont gérées sur les sites Web.

De plus, WordPress 6.5 comporte de nombreuses améliorations visant à affiner l’expérience de création et de maintenance de sites Web. Ces mises à jour visent à simplifier l’interface WordPress, en améliorant sa convivialité. WordPress 6.5 consolide son rôle central dans le développement Web grâce à ses innovations et améliorations continues.

Pour les créateurs de sites et les utilisateurs

WordPress 6.5 dévoile des fonctionnalités transformatrices pour les créateurs de sites et les utilisateurs, notamment la bibliothèque de polices. Cette mise à jour rationalise la gestion de la typographie et affine l'expérience utilisateur, rendant la création Web plus accessible et efficace. Avec des améliorations visant à simplifier l'interface et à améliorer les fonctionnalités, WordPress 6.5 permet aux utilisateurs d'élever leurs projets Web sans effort.

Présentation de la bibliothèque de polices dans WordPress 6.5 : une exclusivité de l'éditeur de site

WordPress 6.5 introduit la bibliothèque de polices, révolutionnant la façon dont les polices sont gérées au sein de la plateforme. Tout comme la facilité d'utilisation de la médiathèque, cette fonctionnalité prend en charge la gestion globale des polices, permettant l'installation, l'activation et la suppression de polices pour rationaliser la typographie sur les sites.

Aspects fondamentaux de la bibliothèque de polices

• Accessibilité globale des polices : l'ajout de polices est simple, avec des options de téléchargement direct ou de choix parmi Google Fonts. Le serveur stocke les polices Google pour protéger la confidentialité, conformément aux normes GDPR.
• Collections de polices exploratoires : les utilisateurs peuvent explorer et installer des polices à partir de collections organisées. La fonction wp_register_font_collection permet en outre aux développeurs d'enrichir la plateforme avec des polices personnalisées ou tierces, élargissant ainsi la variété typographique.
• Cohérence typographique intégrée : les polices installées font partie des styles globaux du site, garantissant une harmonie visuelle entre les transitions. La personnalisation du répertoire de téléchargement des polices s'adapte à diverses structures de sites et environnements d'hébergement.

Disponibilité exclusive dans l'éditeur de site

Les fonctionnalités innovantes de la bibliothèque de polices sont disponibles exclusivement dans l'éditeur de site de thèmes basés sur des blocs. Cette limitation est une décision stratégique, axée sur la collecte de commentaires détaillés et l'optimisation des performances de la fonctionnalité en vue d'une éventuelle extension aux thèmes classiques.

Pour les développeurs : personnalisation de l'accessibilité de la bibliothèque de polices

Les développeurs peuvent désactiver la fonctionnalité Bibliothèque de polices, adaptant ainsi l'expérience d'édition aux besoins spécifiques du projet. La désactivation peut être obtenue via les paramètres de l'éditeur de filtrage :

 function disable_font_library_ui( $editor_settings ) { $editor_settings['fontLibraryEnabled'] = false; return $editor_settings; } add_filter( "block_editor_settings_all", "disable_font_library_ui" );

Ce niveau de contrôle garantit que les développeurs peuvent gérer la présence de la bibliothèque de polices dans leurs flux de travail, offrant ainsi une flexibilité dans la gestion des polices dans différents projets.

Orientations futures pour la bibliothèque de polices au-delà de WordPress 6.5

• Emplacement du répertoire des polices canoniques : explorez les options permettant de déplacer en toute sécurité le répertoire des polices, en particulier lorsque wp-content devient accessible en écriture.
• Intégration de Site Health : introduisez des vérifications de l'emplacement du dossier des polices dans Site Health pour garantir des performances et une sécurité optimales du site.
• Documentation et conseils de migration : fournissez une documentation détaillée sur le processus de migration du répertoire de polices et sa justification.
• Feuille de route de développement : publiez une feuille de route détaillant l'évolution vers des concepts de premier ordre dans WordPress, tels que l'approche modulaire des thèmes, des polices, des modèles et des modèles, et son impact sur l'avenir de la plateforme.

Améliorer la conception du site avec de nouvelles vues dans l'éditeur de site

WordPress 6.5 ne concerne pas seulement les polices et les performances ; il apporte une nouvelle dimension à l'éditeur de site avec des vues améliorées pour les pages, les modèles, les modèles et les parties de modèles. Cette mise à jour vise à simplifier ou à compliquer le parcours d'édition de votre site selon vos besoins, en offrant de nombreuses façons d'explorer, de filtrer et de gérer les composants de votre site. Voici comment WordPress 6.5 ouvre la voie à une expérience d’édition encore plus intuitive :

Exploration riche en fonctionnalités

• Options d'affichage dynamique : des tableaux présentant des champs spécifiques à la possibilité de parcourir votre contenu et d'exécuter des actions rapides, l'éditeur de site met désormais le contrôle à portée de main.
• Vues personnalisables : adaptez votre espace d'édition à votre flux de travail avec des options permettant d'activer ou de désactiver les champs, de trier et de filtrer les données et de choisir parmi différentes présentations de mise en page, notamment des vues de tableau classiques et de grille modernes.
• Navigation et gestion améliorées : naviguez facilement dans la structure de votre site, grâce aux améliorations de l'interface utilisateur qui prennent en charge la sélection d'entrées et l'exécution d'actions groupées, renforcées par la prise en charge de filtres principaux qui rationalisent l'accès aux sections typiques.

À quoi s'attendre:

• Gestion des modèles : vous gérez tous les modèles à l'aide de dispositions en tableau et en grille, ce qui facilite la visualisation et l'organisation de la structure de votre site.
• Modèles et parties de modèles : profitez des dispositions de tableaux et de grilles avec des capacités d'action groupée pour les parties de modèles. En outre, une disposition en grille pour les modèles comprend un filtre principal pour faire la distinction entre les modèles synchronisés et non synchronisés. De plus, vous pouvez dupliquer et renommer les deux.
• Pages : gérez vos pages avec des dispositions de tableau et de grille, complétées par des actions groupées et des filtres principaux par défaut pour une organisation optimisée.

Améliorations de l'affichage de liste WordPress 6.5 : changement de nom de bloc amélioré

WordPress 6.5 étend la première fonctionnalité introduite pour les blocs de groupe dans la vue Liste dans WordPress 6.4, permettant de renommer presque tous les blocs pour une organisation et une personnalisation améliorées du contenu. Cette mise à jour élargit considérablement la possibilité de modifier les étiquettes de bloc directement à partir de la vue Liste, facilitant ainsi une expérience d'édition plus personnalisée.

Pour renommer des blocs :

1. Activer l'affichage en liste
2. Sélectionnez le bloc à renommer, 3 points à droite
3. Sélectionnez Renommer
4. Entrez un nouveau nom
5. Sauvegarder

Les utilisateurs finaux bénéficient de cette fonctionnalité en parcourant et en comprenant rapidement la structure de leur contenu grâce à un étiquetage personnalisé. Parallèlement, les auteurs de thèmes peuvent offrir une expérience plus intuitive au sein de leurs thèmes et modèles, et les administrateurs de sites et les entreprises bénéficient d'outils puissants pour des stratégies de gestion de contenu plus précises.

Certains blocs de base conservent leurs noms d'origine pour conserver la clarté et la fonctionnalité :

• noyau/bloc
• partie principale/modèle
• noyau/motif
• noyau/navigation
• noyau/lien de navigation

Personnalisation pour les développeurs :

Le renommage des blocs est activé par défaut. Les extensions tierces peuvent désactiver les blocages en définissant « rename » : false dans le fichier block.json du bloc.

 // block.json { "supports": { "renaming": false // disables ability to rename block via the Editor UI }, }

Révisions robustes

WordPress 6.5 introduit des révisions robustes dans l'éditeur de site, améliorant considérablement le suivi et la gestion des modifications apportées aux conceptions de sites. Cette fonctionnalité offre une vue détaillée de l'évolution des modèles et des parties de votre site, présentant un historique complet des modifications apportées au fil du temps. Avec des horodatages plus précis et des résumés des modifications, la navigation dans les différentes versions de la conception de votre site est devenue plus intuitive. Les utilisateurs peuvent désormais facilement voir quelles modifications ont été apportées, quand et par qui, rationalisant ainsi le processus de restauration ou d'itération des conceptions.

De plus, cette version WordPress étend les capacités de l'éditeur de site en introduisant une pagination pour afficher toutes les révisions de style. Cela élimine la limitation de l'affichage uniquement des 100 dernières révisions, permettant un accès facile à l'historique complet des modifications. L'inclusion d'une bascule Style Book offre une perspective alternative sur les révisions, permettant aux utilisateurs de prévisualiser les modifications de manière plus visuelle et plus complète. Ces améliorations agissent comme un filet de sécurité, préservant l'historique de conception de votre site et permettant aux utilisateurs d'expérimenter en toute confiance l'apparence de leur site, sachant qu'ils peuvent méticuleusement documenter et récupérer toutes les modifications.

Ajouter une icône de site ou une favicon à partir des paramètres

Une icône de site, souvent appelée favicon, est une petite image ou un logo qui apparaît dans l'onglet du navigateur Web, dans les favoris, dans l'historique et à d'autres endroits qui aident les utilisateurs à identifier votre site Web. Ce graphique petit mais significatif est crucial pour l'image de marque et la convivialité, permettant à votre site de se démarquer dans un environnement de navigateur encombré et renforçant la reconnaissance de la marque.

Auparavant, les thèmes de bloc imposaient le bloc Logo du site pour définir une icône de site. Cependant, la dernière mise à jour introduit une méthode simplifiée disponible dans les paramètres généraux, applicable à la fois aux thèmes de bloc et aux thèmes classiques. Les utilisateurs du thème classique peuvent toujours utiliser le personnalisateur pour cet ajustement, garantissant ainsi une flexibilité entre les types de thèmes.

Pour définir l'icône de votre site sous le nouveau système :

1. Depuis votre tableau de bord WordPress, accédez à Paramètres > Général.
2. Dans « Icône du site », téléchargez votre image préférée.
3. Appuyez sur « Enregistrer » pour confirmer vos modifications.

Libérer le contrôle des créations : outils d'apparence pour les thèmes classiques

Élevez votre design : WordPress 6.5 ouvre un nouvel horizon aux utilisateurs de thèmes classiques en intégrant des outils d'apparence avancés. Cette mise à jour comble le fossé en offrant des options de conception auparavant exclusives aux thèmes basés sur des blocs.

• Pourquoi c'est important : les thèmes classiques ont résisté à l'épreuve du temps, incarnant la simplicité et la fiabilité. Ils bénéficient désormais d’une mise à niveau significative. Cela permet une personnalisation plus nuancée sans connaissances approfondies en codage ni changements de thème.

Améliorations clés :

• Personnalisation des bordures : ajoutez facilement des bordures. Personnalisez la couleur, le rayon et la largeur pour encadrer votre contenu précisément comme vous l'envisagez.
• Ajustements de couleur : affinez directement les couleurs des liens, améliorant ainsi la lisibilité et l’attrait esthétique.
• Contrôle de l'espacement : maîtrisez l'art de la mise en page avec des marges et des remplissages réglables, créant ainsi un équilibre et une fluidité parfaits.
• Ajustements de typographie : personnalisez votre texte avec des ajustements de hauteur de ligne, garantissant ainsi la lisibilité et l’harmonie visuelle.
• Liste complète : pour voir toutes les options de conception pouvant être activées, consultez la liste complète.

Comment activer :

• Utilisateurs du thème classique : inscrivez-vous simplement via le fichier function.php de votre thème avec add_theme_support('appearance-tools'); . Découvrez un nouveau domaine de flexibilité de conception, en gardant votre thème de confiance au cœur de votre expression numérique.
• Développeurs de thèmes : activez ces outils dans vos thèmes classiques pour encourager l'exploration et la créativité. Cela offrira aux utilisateurs une expérience actualisée et personnalisable sans compromettre l'intégrité du thème.

WordPress 6.5 : amélioration de la gestion et de la présentation des images

WordPress 6.5 introduit des mises à jour cruciales des fonctionnalités de gestion des médias et de galerie, enrichissant les capacités de création et d'affichage de contenu de la plateforme. Ces mises à jour visent à optimiser les performances du site, à améliorer l'esthétique visuelle et à rationaliser les flux de travail des utilisateurs.

Améliorer la qualité de l'image avec la prise en charge AVIF

Comprendre AVIF :

AVIF (AV1 Image File Format) inaugure une nouvelle norme en matière de compression et de qualité d'image, surpassant considérablement les anciens formats comme JPEG, PNG et WebP. En adoptant AVIF, WordPress 6.5 garantit que les sites Web bénéficient de tailles de fichiers image réduites tout en conservant une clarté d'image supérieure. Cela se traduit par des temps de chargement plus rapides et une meilleure expérience de navigation. Pour voir quels navigateurs prennent en charge AVIF, reportez-vous à Puis-je utiliser.

L’importance de l’AVIF :

L'intégration d'AVIF dans WordPress 6.5 marque une évolution cruciale dans l'optimisation des performances Web. Cette avancée permet de fournir des images nettes et détaillées à une fraction de la taille de leur fichier d'origine. La vitesse des pages et les performances SEO sont positivement impactées.

Simplifier les images en vedette avec l'option de première image

Images en vedette innovantes :

WordPress 6.5 simplifie la désignation des images en vedette avec une nouvelle fonctionnalité utilisant automatiquement la première image d'une publication.

Cette mise à jour aide grandement les blogueurs et les créateurs de contenu à maintenir une cohérence visuelle en définissant automatiquement les images présentées pour les publications.

Aperçu opérationnel :

Lorsqu’une publication ne dispose pas d’une image sélectionnée manuellement mais contient des images, WordPress utilisera la première image comme image sélectionnée. Cette fonctionnalité intelligente garantit une représentation visuelle de chaque publication. Il améliore l'attrait de la publication dans les thèmes et les listes sans effort supplémentaire de la part de l'utilisateur.

Affichage dynamique de la galerie avec paramètre d'ordre aléatoire :

Un nouveau paramètre dans le bloc Galerie vous permet d'afficher des images de manière aléatoire, créant ainsi une expérience de visualisation unique à chaque rechargement de page. Vous pouvez activer cette fonctionnalité pour chaque galerie individuellement, ajoutant ainsi une couche de dynamisme aux présentations d'images.

Gestion élégante des sous-titres longs :

WordPress 6.5 introduit des barres de défilement stylisées pour les sous-titres étendus dans les blocs Galerie, résolvant de manière visuellement attrayante le débordement de sous-titres. Nous encourageons les auteurs de thèmes à tester cette mise à jour pour vérifier la compatibilité avec leurs styles de barre de défilement personnalisés existants.

Ajustements du rapport hauteur/largeur unifiés sur toutes les images :

La mise à jour entraîne la suppression des formats d'image 10:16 et 16:10 des options de téléchargement d'images, affectant les présentations d'images sur l'ensemble du site, et pas seulement dans les blocs de la Galerie. Ce changement favorise la cohérence de la conception, en conseillant aux auteurs de thèmes de revoir et d'ajuster ces proportions dans les modèles, les modèles ou partout où ils téléchargent des images.

Améliorer l'expérience WordPress : améliorations de la convivialité dans WordPress 6.5

WordPress 6.5 apporte des améliorations à l'expérience utilisateur de l'éditeur de site. Chaque amélioration vise à rendre la création et la gestion du site plus intuitives et efficaces. Plongeons dans les mises à jour critiques sur le point de transformer votre interaction avec votre site WordPress.

Expérience d'édition de liens plus intuitive

WordPress 6.5 réorganise l'édition de liens pour offrir un processus plus intuitif et transparent. Cette mise à jour résout les problèmes courants, rendant la gestion des liens simple et moins intrusive. Les principales améliorations comprennent :

• Interface utilisateur de lien ciblé : l'interface d'édition de lien apparaît désormais uniquement lorsque vous y êtes invité. Cela réduit les distractions et améliore le flux de travail. Cela profite à tous les utilisateurs, en particulier à ceux qui utilisent des technologies d’assistance.
• Gestion simplifiée des liens : l'ajout d'un lien maintient l'interface ouverte pour des ajustements rapides, comme l'ouvrir dans un nouvel onglet.
• Découverte améliorée : de nouvelles icônes et un bouton de copie du lien simplifient la gestion des liens pour les pages internes ou les ressources externes, rationalisant ainsi le processus.

Amélioration des outils de conception

• Box Shadow et plus encore : une nouvelle couche de contrôle de conception ajoute des fonctionnalités telles que les paramètres d'ombre de boîte pour des blocs individuels, permettant une personnalisation et une créativité plus approfondies.
• Contrôles typographiques riches : vous pouvez ajuster les épaisseurs, les tailles et les familles de polices avec précision, offrant ainsi une plus large gamme d'options stylistiques pour communiquer efficacement la voix de votre marque.

Améliorations de la convivialité du glisser-déposer

La fonctionnalité glisser-déposer de l'éditeur de site a reçu des améliorations significatives, la rendant plus intuitive et plus polyvalente pour organiser les éléments de votre site :

• Glissement de bout en bout : déplacez les blocs sans effort vers le début ou la fin de votre contenu, offrant ainsi une plus grande flexibilité dans la conception de la mise en page.
• Gestion améliorée des conteneurs : affiner le glissement entre et dans les blocs de conteneurs (comme les blocs Groupe et Couverture) offre une expérience plus fluide.
• Retour visuel : les indicateurs affichent désormais clairement les options de placement des blocs lors du glissement, réduisant ainsi les approximations et améliorant la précision de l'ajustement de la mise en page.

Améliorations générales de l'UX de l'éditeur de site

L'expérience utilisateur globale de l'éditeur de site a connu de nombreuses améliorations visant à rendre l'édition de site plus accessible et plus agréable :

• Navigation dans les modèles : le basculement entre les modèles d'édition et les parties de modèle est désormais plus intuitif, avec une navigation et une organisation plus simples.
• Styles consolidés : la rationalisation de la gestion des styles globaux de votre site facilite désormais le maintien de la cohérence sur l'ensemble de votre site.
• Accessibilité et flux de travail : les efforts visant à améliorer l'accessibilité et à rationaliser les flux de travail, tels que la prévisualisation plus efficace des modifications, ont été une priorité importante, garantissant que tous les utilisateurs peuvent créer et gérer rapidement leurs sites.
• Mode sans distraction : désormais, lorsque vous utilisez le mode sans distraction dans l'éditeur de publication, la barre d'outils supérieure sera disponible lorsque vous passerez votre souris dessus.

Pour les développeurs

WordPress 6.5 introduit des changements importants dans l'API. Il met en évidence l’engagement de WordPress à améliorer l’expérience des développeurs. Cela correspond aux attentes des utilisateurs en matière de sites Web interactifs et réactifs. Les mises à jour incluent l'API Block Bindings, les champs personnalisés, le package Data Views et l'API d'interactivité. Ces changements visent à donner aux développeurs des outils pour créer des sites Web attrayants, efficaces et personnalisés. Ces améliorations marquent une nouvelle ère dans le développement WordPress. Ils se concentrent sur l’intégration facile de fonctionnalités complexes et la création d’expériences utilisateur immersives. Avec ces API, WordPress 6.5 permet aux développeurs d'étendre ce qui est possible avec WordPress. Il renforce WordPress en tant que plateforme puissante pour façonner l’avenir du Web. Vous pouvez en savoir plus sur chacun de ces éléments dans le Guide de terrain.

Améliorer la gestion des données avec les champs personnalisés dans WordPress 6.5

WordPress 6.5 introduit le package Custom Fields. Cette amélioration simplifie l'utilisation des champs personnalisés dans WordPress et fournit un moyen structuré et efficace de gérer les données des champs personnalisés, ce qui est essentiel pour créer des expériences utilisateur dynamiques et personnalisées. Examinons ce que propose ce package et comment il peut transformer la gestion des données dans les projets WordPress.

Présentation des champs personnalisés

Les champs personnalisés offrent des fonctionnalités et des interfaces complètes pour accéder et afficher les données de champs personnalisés sur les sites WordPress. Il encapsule des fonctionnalités permettant de récupérer, de filtrer et de présenter des données personnalisées liées aux publications, aux pages et aux types de publication personnalisés. Il s'agit d'un atout précieux pour les développeurs de thèmes et de plugins cherchant à exploiter les champs personnalisés dans leurs projets.

• Accès aux données structurées : le package offre une méthode simple pour accéder aux champs personnalisés. Les développeurs peuvent facilement utiliser des données personnalisées sans requêtes directes dans la base de données ni navigation dans les complexités de l’API de métadonnées WordPress.
• Présentation des données améliorée : les développeurs peuvent facilement créer des vues de données avec des champs personnalisés. Ces vues affichent dynamiquement les informations des champs personnalisés et peuvent être réalisées dans des publications, des pages ou des modèles personnalisés. Cette fonctionnalité permet la création d'affichages de contenu riches et personnalisés qui peuvent s'adapter en fonction des données de champ personnalisé sous-jacentes.
• Intégration transparente avec Block Editor : L'une des fonctionnalités remarquables de ce package est son intégration avec WordPress Block Editor. Les développeurs peuvent lier les données des champs personnalisés pour bloquer les attributs directement dans l'éditeur. Cela fournit un flux de travail transparent pour incorporer du contenu dynamique dans des conceptions basées sur des blocs.
• Extensibilité et personnalisation : l'équipe de publication a reconnu les divers besoins des développeurs et a conçu le package en gardant à l'esprit l'extensibilité. Il propose des crochets et des filtres pour la récupération des données et la personnalisation de la présentation, garantissant que les développeurs peuvent adapter les fonctionnalités aux exigences de leur projet.

Applications du monde réel

Les champs personnalisés ouvrent de nombreuses possibilités pour le développement WordPress, depuis la création de listes de contenu dynamiques qui se mettent automatiquement à jour en fonction des valeurs des champs personnalisés jusqu'à la création d'applications complexes basées sur les données dans WordPress. Par exemple, un site Web immobilier pourrait utiliser ce package pour afficher des listes de propriétés avec des champs personnalisés pour le prix, l'emplacement et les commodités, offrant ainsi aux utilisateurs une expérience de navigation riche et interactive.

Les champs personnalisés ne sont pas l'API Core Fields

Les champs personnalisés et l'API Core Fields sont des composants distincts dans WordPress. Les champs personnalisés fournissent un ensemble de fonctionnalités permettant d'afficher dynamiquement les données des champs personnalisés dans l'éditeur de blocs WordPress, facilitant ainsi le développement d'expériences de contenu enrichies. D’autre part, les développeurs ont conçu l’API Core Fields proposée comme un cadre complet permettant de définir, gérer et récupérer divers types de données personnalisées sur WordPress. Son objectif est d'améliorer l'efficacité et l'uniformité du traitement des données entre les thèmes, les plugins et les fonctionnalités principales de WordPress, favorisant ainsi une cohérence et une interopérabilité améliorées.

Libérer la puissance des liaisons de blocs dans WordPress 6.5

Avec l'arrivée de WordPress 6.5, les développeurs bénéficient d'un bond en avant dans l'évolution de la personnalisation des blocs et de la gestion du contenu, grâce à l'introduction de l'API Block Bindings. Cette fonctionnalité révolutionnaire promet de transformer la façon dont nous pensons et interagissons avec les blocs, offrant une facilité sans précédent pour intégrer des données dynamiques directement dans les blocs de base. Explorons les capacités et les applications de cette nouvelle API passionnante.

Qu'est-ce que l'API Block Bindings ?

L'API Block Bindings est un mécanisme interne qui connecte les attributs de bloc à diverses sources de données, y compris les champs personnalisés et potentiellement toute future source de données personnalisée. Cela élimine la nécessité de blocs personnalisés dans de nombreux scénarios, permettant aux développeurs de remplir dynamiquement des blocs de base tels que des paragraphes et des images avec des données provenant de champs personnalisés, d'API externes ou d'autres sources dynamiques.

Fonctionnalités et capacités de base

• Connectez les blocs principaux aux champs personnalisés : sans créer de blocs personnalisés, les développeurs peuvent désormais lier les attributs des blocs principaux, tels que le contenu des paragraphes ou les URL des images, directement aux champs personnalisés. Vous réalisez cette connexion en ajoutant un objet « liaisons » aux attributs de bloc, en spécifiant la source de données et la clé du champ personnalisé souhaité.
• Aucune exigence d'interface utilisateur pour la configuration initiale : WordPress 6.5 se concentre sur l'activation de ces liaisons côté serveur sans nécessiter une interface utilisateur immédiate dans l'éditeur. Cette approche permet aux développeurs de thèmes d'implémenter des liaisons directement dans le HTML et permet à des sources tierces d'expérimenter cette fonctionnalité.
• Extensible pour de futurs cas d'utilisation : alors que l'implémentation actuelle prend principalement en charge la connexion à des champs personnalisés, les développeurs ont conçu l'API Block Bindings pour une extensibilité future. Les améliorations prévues incluent le remplacement des attributs de modèle synchronisés et une prise en charge plus étendue de diverses sources de données.

Comment fonctionnent les liaisons de blocs ?

• Simplification de l'intégration de contenu dynamique : les développeurs peuvent lier les attributs de bloc à des sources de données spécifiques en spécifiant des liaisons dans le balisage du bloc. Cette liaison demande à WordPress de récupérer les données correspondantes lors du rendu du bloc, à la fois dans l'éditeur et dans le front-end, afin de refléter avec précision le contenu dynamique.
• Blocs et attributs pris en charge : initialement, l'API Block Bindings approuve un groupe sélectionné de blocs et d'attributs principaux, tels que le contenu des paragraphes et des titres ou l'URL, l'alt et le titre des images. Cette base permet une large gamme d'applications de contenu dynamique, et les prochaines versions étendront la prise en charge.
• Amélioration de l'expérience développeur et utilisateur : les blocs avec des champs connectés présentent une interface en lecture seule dans l'éditeur, similaire aux blocs verrouillés. Cette fonctionnalité garantit l'intégrité du contenu tout en offrant une indication intuitive de la nature dynamique du contenu lié.

Tout comme Gutenberg intègre la post-métasource, les développeurs peuvent désormais facilement introduire des sources personnalisées, telles que myplugin/plugin-data. L'inclusion d'une API publique simple permet l'enregistrement de diverses sources de données, ouvrant de nombreuses possibilités pour une personnalisation et une interactivité améliorées des blocs.

 register_block_bindings_source( 'myplugin/plugin-data', array( 'label' => _x( 'Plugin Data', 'block bindings source' ), 'get_value_callback' => 'my_plugin_block_bindings_plugin_data_callback', ) ); register_block_bindings_source( 'myplugin/plugin-data', array( 'label' => _x( 'Plugin Data', 'block bindings source' ), 'get_value_callback' => 'my_plugin_block_bindings_plugin_data_callback', ) );

Par exemple, pour afficher une valeur de champ personnalisé dans un bloc de paragraphe, insérez un objet « liaisons » dans le code du bloc comme suit :

 <!-- wp:paragraph {"metadata":{"bindings":{"content":{"source":"myplugin/plugin-data","args":{"key":"plugin_key"}}}}} --> <p>Paragraph</p> <!-- /wp:paragraph -->

En savoir plus sur les liaisons de blocs

• Note de développement sur les liaisons de blocs
• Liaisons de blocs, partie 1 : connexion des champs personnalisés
• Liaisons de blocs, partie 2 : Travailler avec des sources de liaison personnalisées

Connexion de liaisons de blocs avec des champs personnalisés

WordPress 6.5 transforme la façon dont les développeurs intègrent les données de champs personnalisés dans des blocs de base tels que des boutons, des en-têtes, des images et des paragraphes, éliminant ainsi le besoin de créer des blocs personnalisés. La nouvelle API Block Bindings permet une connexion transparente entre les attributs de bloc et diverses sources de données, y compris les champs personnalisés.

Avant l'arrivée de WordPress 6.5, présenter les valeurs des champs personnalisés dans des blocs principaux tels que des paragraphes ou des images n'était pas simple. Les développeurs ont souvent dû recourir à la création de blocs personnalisés à ces fins.

Pour tirer parti de cette fonctionnalité, activez les champs personnalisés dans l'éditeur en accédant à Post Editor -> Options -> Preferences -> General -> Advanced. Bien que WordPress 6.5 n'offre pas de contrôle d'interface utilisateur pour lier directement les valeurs de champs personnalisés, les développeurs peuvent lier manuellement ces valeurs pour bloquer les attributs à l'aide de l'éditeur de code.

Avec WordPress 6.5, vous pouvez désormais afficher les genres de livres ou toute donnée de champ personnalisée juste avant le contenu de votre publication, en utilisant des blocs de base tels que des paragraphes. L'introduction de l'API Block Bindings facilite cela en permettant aux attributs de bloc de récupérer des données à partir de champs personnalisés, une méthode auparavant indisponible sans codage ou plugins supplémentaires.

Pour commencer, ajoutez ce code PHP au functions.php de votre thème ou à un plugin personnalisé :

 add_action( 'init', 'book_register_meta' ); function book_register_meta() { register_meta( 'post', 'book_genre', array( 'show_in_rest' => true, 'single' => true, 'type' => 'string', 'sanitize_callback' => 'wp_strip_all_tags' ) ); }

Revenez à votre message. Rédigez le message comme vous le souhaitez et ajoutez un champ personnalisé.

Une fois que vous avez ajouté un champ personnalisé avec le genre de votre livre, vous devrez passer à l'éditeur de code de votre publication. Ici, insérez un objet « liaisons » dans le code de votre bloc pour lier le champ personnalisé du genre à votre bloc. Voici à quoi ressemble un bloc de paragraphe :

 <!-- wp:paragraph { "metadata": { "bindings": { "content": { "source":"core/post-meta", "args": { "key":"book_genre" } } } } } --> <p></p> <!-- /wp:paragraph -->

Notez que le champ personnalisé est désormais affiché avec un surlignage violet autour de la zone en mode édition, lorsque cette option est sélectionnée. Voici comment cela apparaîtra dans le mode éditeur de code :

Enfin, enregistrez et affichez votre message.

Actuellement, WordPress 6.5 prend en charge la liaison des champs personnalisés à des attributs spécifiques des blocs suivants :

• Paragraphe : content
• Titre : content
• Image : URL , alt et title
• Bouton : text , URL , linkTarget , rel

Pour une exploration détaillée de l'intégration de champs personnalisés avec des attributs de bloc, reportez-vous à Liaisons de blocs et champs personnalisés – un exemple (presque) sans code.

Révolutionner les interactions frontales avec l'API d'interactivité WordPress 6.5

WordPress 6.5 annonce l'introduction de l'API d'interactivité, une fonctionnalité révolutionnaire conçue pour standardiser la façon dont les développeurs ajoutent des éléments interactifs au front-end de leurs blocs WordPress. Cette nouvelle API vise à simplifier la création d'expériences utilisateur riches et engageantes en fournissant une méthode standardisée pour la mise en œuvre de fonctionnalités allant de simples améliorations de l'interface utilisateur telles que des compteurs et des fenêtres contextuelles à des interactions plus complexes telles que des recherches instantanées, une navigation dynamique et des fonctionnalités de commerce électronique. comme les chariots et les caisses.

Consultez le site Web de démonstration wpmovies.dev pour voir l'API d'interactivité en action.

Principales fonctionnalités de l'API d'interactivité

• Cadre d'interaction standardisé : l'API d'interactivité établit une approche uniforme pour ajouter des fonctionnalités interactives aux blocs, aidant ainsi les développeurs à éviter les incohérences et les problèmes de compatibilité à l'aide de diverses bibliothèques JavaScript ou de code personnalisé.
• Communication transparente entre blocs : l'un des avantages les plus convaincants de l'API d'interactivité est sa capacité à faciliter la communication entre les blocs. Par exemple, une action « Ajouter au panier » dans un bloc peut mettre à jour sans effort le contenu d'un bloc « panier » distinct, permettant une expérience utilisateur cohérente et synchronisée sans la complexité traditionnellement impliquée dans la gestion de telles interactions.
• Implémentation conviviale pour les développeurs : l'introduction de cette API ne modifie pas le flux de travail de création de blocs existant. Les développeurs déclarent la compatibilité d'un bloc avec l'API d'interactivité via la propriété d'interactivité dans le fichier block.json. Cette inclusion signifie que le bloc est prêt à prendre en charge l'interactivité frontale.
• Directives pour les interactions dynamiques : l'API d'interactivité utilise des directives (attributs personnalisés ajoutés au balisage de bloc) pour définir les interactions. Ces directives, détaillées dans le fichier render.php pour les blocs dynamiques, permettent aux développeurs de spécifier les interactions qui doivent avoir lieu au sein du DOM. Par exemple, la directive data-wp-interactive active l'API au sein d'un élément DOM, ouvrant la voie à d'autres directives pour introduire des interactions spécifiques.
• Exploitation des modules JavaScript : avec la prise en charge des modules de script par WordPress 6.5, les blocs conçus pour utiliser l'API d'interactivité doivent enregistrer leur JavaScript à l'aide de viewScriptModule dans block.json. Cela garantit que les scripts nécessaires sont correctement mis en file d'attente et gérés.

Renforcer les blocs avec des fonctionnalités interactives

La mise en œuvre de l'API d'interactivité implique deux étapes critiques : l'ajout de directives au balisage de votre bloc pour définir les interactions souhaitées et la création d'un magasin pour héberger la logique régissant ces interactions. Des directives telles que data-wp-interactive pour activer la zone API, data-wp-on--click pour gérer les événements de clic et data-wp-bind--aria-expanded pour les changements d'état de liaison illustrent comment les développeurs peuvent intégrer directement des éléments interactifs. dans la structure HTML de leurs blocs.

Le magasin, généralement défini dans le fichier view.js , représente la logique derrière l'interactivité du bloc, englobant la gestion de l'état, les actions et les rappels. Cette approche structurée de la définition de l'interactivité garantit que les développeurs peuvent créer des expériences sophistiquées et interactives avec clarté et efficacité.

En savoir plus sur l'API d'interactivité

• Proposition : L'API d'interactivité – Une meilleure expérience de développement dans la construction de blocs interactifs
• API d'interactivité en 6.5
• Annonce de fusion : API d'interactivité

WordPress 6.5 améliore Block Hooks pour une plus grande extensibilité

WordPress 6.5 améliore considérablement Block Hooks, un mécanisme d'extensibilité introduit pour la première fois dans WordPress 6.4. Ces mises à jour sont conçues pour injecter plus efficacement des blocs dynamiques dans des emplacements spécifiés, définis par un bloc « ancre » et une position relative, comme avant ou après le bloc Publier du contenu. Plongeons-nous dans les mises à jour et les nouvelles fonctionnalités qui rendent les crochets en bloc encore plus polyvalents pour les développeurs.

Améliorations de clés dans les crochets de bloc

• Prise en charge des dispositions modifiées: Contrairement à la version initiale, les crochets de blocs dans WordPress 6.5 peuvent désormais fonctionner dans les dispositions qui ont subi des modifications de l'utilisateur. Cette compatibilité est automatique, ne nécessitant aucun ajustement de code supplémentaire des extensibles. Les personnalisations des utilisateurs, telles que le déménagement ou la suppression des blocs accrochés, sont respectées, en maintenant l'intégrité des décisions de conception des utilisateurs.
• Intégration avec le bloc de navigation: cette mise à jour présente la possibilité d'injecter des blocs accrochés directement dans le bloc de navigation, soit le premier ou le dernier enfant. Cette flexibilité ouvre de nouvelles possibilités pour améliorer les menus de navigation, comme l'ajout d'un panier ou d'un lien de connexion / déconnexion directement dans la structure du menu.

Nouvelles fonctionnalités et filtres

• Compatibilité de mise en page modifiée: les crochets de blocs s'adaptent aux dispositions avec les modifications de l'utilisateur, garantissant que les blocs accrochés se comportent comme prévu, même dans des paramètres personnalisés.
• Fonctionnalité améliorée des blocs de navigation: les blocs accrochés peuvent désormais être intégrés de manière transparente dans le bloc de navigation, améliorant ses options d'utilité et de personnalisation.
• hooked_block_types MISE À JOUR FILTER: Avec la possibilité de gérer les objets WP_POST, en particulier pour les types de publication wp_navigation , les développeurs prennent plus de contrôle sur où et comment les blocs crochets sont appliqués, en particulier dans le bloc de navigation.

Nouveaux filtres pour un contrôle détaillé

WordPress 6.5 introduit deux nouveaux filtres, hooked_block et hooked_block_{$hooked_block_type} , offrant un contrôle granulaire sur les blocs accrochés, y compris la possibilité de définir les attributs, de modifier les blocs intérieurs ou de supprimer entièrement le bloc crochet. Ces filtres considèrent également les attributs du bloc d'ancrage, permettant des ajustements d'attribut en fonction des propriétés du bloc d'ancrage.

Amélioration des bascules du panneau de l'inspecteur du bloc de plugin

Les mises à jour de la barre latérale de l'inspecteur de blocs dans l'éditeur du site abordent les problèmes de convivialité précédents avec les bascules pour les blocs accrochés. Maintenant, les bascules persistent correctement, améliorant l'expérience utilisateur lors de la gestion des blocs accrochés dans le panneau «Plugins».

Sous le capot: maintenir les personnalisations des utilisateurs

Les crochets de blocs dans WordPress 6.5 atteignent une étape technique significative en respectant les personnalisations des utilisateurs. WordPress peut gérer intelligemment les blocs accrochés en fonction des interactions utilisateur en stockant des informations sur les types de blocs accrochés dans un tableau ignoredHookedBlocks dans l'attribut Global Metadata du bloc d'ancrage.

Statistiques de performances clés dans WordPress 6.5

WordPress 6.5 introduit des améliorations de performances remarquables qui rationalisent considérablement l'expérience utilisateur:

• Navigation de l'éditeur de site : 6x plus rapidement, permettant des transitions rapides entre les modèles et les pièces pour un flux de travail plus lisse.
• Tapage de la réponse : La saisie de l'éditeur est plus rapide 4X, réduisant le décalage d'entrée pour un processus de création de contenu transparent.
• Temps de chargement de l'éditeur : les temps de chargement pour l'éditeur sont réduits de moitié, avec une augmentation de 2x de vitesse, facilitant un accès plus rapide aux outils d'édition.

Une nouvelle bibliothèque de localisation plus efficace a été introduite, optimisant la livraison de traduction et améliorant les temps de chargement pour le contenu non anglophone. Cela garantit une expérience plus rapide et plus réactive pour les utilisateurs dans le monde, en mettant l'accent sur l'engagement de WordPress envers l'accessibilité et les performances.

Exigences de version

L'exigence de la version MySQL minimale de WordPress 6.5 est passée de 5,0 à 5.5.5. Cette mise à jour garantit la prise en charge utf8mb4 (introduite dans MySQL 5.5.3) et définit InNODB comme moteur de stockage par défaut, en remplacement de Myisam (efficace à partir de MySQL 5.5.5).

• PHP_CODESNIFFER a été mis à jour vers la v3.8.1.
• PHPMailer a été mis à jour vers la V6.9.1.
• @wordpress/scripts La version 17 a supprimé la prise en charge officielle des versions Node.js non tenues. La version Node.js prise en charge la plus ancienne est maintenant Node.js 18.

Rationalisation des dépendances du plugin dans WordPress 6.5

WordPress 6.5 introduit un en-tête «requiert des plugins», permettant aux auteurs du plugin de spécifier les dépendances des plugins nécessaires. Cet ajout améliore la clarté et l'expérience utilisateur en informant les utilisateurs des plugins requis, qui peuvent désormais être facilement installés et activés à partir des liens de référentiel de plugins wordpress.org.

• Déclaration de dépendance directe : la liste des auteurs requise les plugins, simplifiant les processus d'installation et d'activation.
• Gestion automatique : les plugins avec dépendances non satisfaits sont empêchés de l'activation et désactivés automatiquement s'ils ont des dépendances non satisfaites, assurant la stabilité.

Scénario de cas d'utilisation

Imaginez un utilisateur qui tente d'activer un plugin qui améliore un panier mais nécessite un plugin de plate-forme de commerce électronique spécifique. Avec le nouveau système, lors de la tentative d'activation, WordPress informe l'utilisateur que le plugin de plate-forme de commerce électronique est une dépendance nécessaire qui doit être installée et activée en premier, empêchant les problèmes de fonctionnalité potentiels ou les conflits et guidant l'utilisateur à travers le processus de configuration en toute transparence.

Lire sur les dépendances du plugin:

• Projet de fonctionnalité: dépendances des plugins
• Annonce de fusion: dépendances du plugin

WordPress 6.5 Améliorations de développement

WordPress 6.5 introduit des mises à jour essentielles améliorant la gestion des scripts, le contrôle des blocs et la configuration du thème, rationalisant des flux de travail de développement et offrant une plus grande flexibilité.

Modules de script et API HTML

• API de modules de script : prend en charge les modules JavaScript modernes pour une meilleure organisation de scripts et une meilleure optimisation des performances.
• Améliorations de l'API HTML : Amélioration du contrôle DOM pour la manipulation de contenu dynamique, enrichissant les capacités interactives.

Block.json Améliorations

• Fieldblocks allowedBlocks : spécifie les blocs enfants autorisés dans un bloc parent, assurant la cohérence de la conception et la convivialité dans les modèles de blocs.

Theme.json mises à jour

• Contrôle amélioré : offre une configuration de thème détaillée via JSON pour les styles, les paramètres et les fonctionnalités, rendant le développement du thème plus accessible et réduisant la recours PHP.
• Flexibilité de conception : permet des définitions de style précis et des ajustements de paramètres de thème, améliorant la cohérence visuelle et l'expérience utilisateur.

Directions futures

• Les remplacements du modèle synchronisé sont reportés : initialement prévu pour 6.5, cette fonction a été différée en raison des modifications UX et des ajustements techniques. (53705) et effectuer la suppression de la suppression de base.
• Navigation Block Mobile Superlay Personnalisation retardé : les plans pour améliorer les contrôles réactifs pour la superposition mobile du bloc de navigation ont été reportés à une version future. Cette fonctionnalité visait à offrir une personnalisation complète de l'apparence du menu mobile. (Numéro 43852)
• Extension des vues des données : Plus de détails sont fournis sur le problème de GitHub # 55083.
• NOUVEAU THEME.JSON Tools : Présentation des sections de style et de couleurs. Plus d'informations sont disponibles sur le numéro GitHub # 57537.
• Améliorations de compatibilité PHP : 6.5 n'a pas inclus d'efforts pour améliorer la compatibilité avec les versions PHP 8.0, 8.1 et 8.2.
• Tailles de police par défaut dans theme.json : discuté dans GitHub Pull Demande # 58409.
• Rollbacks de mise à jour automatique : en s'appuyant sur la fondation posée dans WordPress 6.3, le système implémente désormais les recul pour les plugins qui provoquent des erreurs fatales PHP après des mises à jour automatiques. (Numéro 58281)

S'engager avec WordPress 6.5: Façonner l'avenir ensemble

Comme nous le concluons, il convient de noter que la plongée dans les fonctionnalités de WordPress 6.5 et le partage de vos commentaires sont plus qu'une contribution - c'est un partenariat avec l'avenir de la plate-forme. Vous jouez un rôle crucial dans la raffinage de WordPress en vous engageant avec les mises à jour, garantissant qu'il reste un outil robuste pour les utilisateurs du monde entier. Armé de nos idées et de nos expériences, continuons à repousser les limites de ce que WordPress peut faire.