Gutenberg 21.0 est officiellement publié : les points forts de la mise à jour en un coup d'œil !

Le 11 juin 2025.Gutenberg (nom)L'éditeur a été mis à jour à la version 21.0. La mise à jour se concentre sur le contrôle de la structure de l'éditeur, l'unification de l'interface des paramètres, les améliorations de l'accessibilité, les corrections de bogues et l'optimisation de la documentation et de la qualité du code. Voici un aperçu complet des points forts de la mise à jour.

I. Nouvelle fonction de commutation des éléments HTML pour les blocs de boutons et de séparateurs

boutonsLe bloc ajoute un sélecteur d'éléments HTML aux paramètres avancés afin de prendre en charge l'élément <a> répondre en chantant Le passage de l'un à l'autre permet une structuration sémantique plus souple et une meilleure compatibilité avec les lecteurs d'écran.

Le bloc séparateur fournit également <hr> avec <div> Deux options de basculement d'élément pour faciliter la création d'effets de séparation de style personnalisés.

II. refonte à grande échelle de l'interface ToolsPanel : unifier l'expérience de configuration des blocs

Afin d'unifier la structure du panneau de configuration, l'interface de configuration des propriétés de plusieurs blocs a été entièrement remaniée pour utiliser l'interface du panneau ToolsPanel. Les blocs concernés cette fois-ci sont les suivants :

• Bloc de commentaires : date du commentaire, nom de l'auteur du commentaire, lien d'édition du commentaire, titre du commentaire, pagination du commentaire
• Blocs communs : boutons, liens, fichiers, listes, titres d'articles,RSSDerniers articles, Formulaires et champs de saisie
• navigateurRelated : bloc de navigation principal, liens de navigation et liens de sous-menus

L'interface des éléments de réglage est plus régulière, les paramètres sont plus concentrés et l'efficacité de la recherche et de l'utilisation est nettement améliorée.

L'interaction avec le clavier et le contrôle de la mise au point ont été entièrement améliorés.

Plusieurs blocs et composants de contrôle bénéficient d'une aide à l'accessibilité :

• Le bloc de boutons corrige le problème de la disparition du focus après la déconnexion
• Le bloc Colonnes permet d'ajuster la logique d'utilisation des contrôles dans le panneau Paramètres
• particularitésLes blocs améliorent la réactivité des opérations au clavier et facilitent la sélection des blocs imbriqués dans la vue en liste.
• Ajustement de la couleur des boutons de la barre d'outils pour améliorer le contraste dans les modes plus sombres

Amélioration et réparation des fonctions des blocs et des composants les plus utilisés

Plusieurs blocs ont bénéficié d'améliorations structurelles et stylistiques, et des problèmes communs ont été résolus :

• Les emplacements de contrôle vides n'apparaissent plus dans le bloc de boutons
• Correction d'un problème de clic au niveau de la légende de l'image de la galerie
• Les blocs "Pullquote" permettent désormais de remplacer les styles référencés par les fichiers de style du thème.
• Les liens sociaux prennent en charge les traductions localisées des noms de services, les paramètres de taille étant ajustés à une zone de contrôle plus appropriée.

D'autres améliorations ont été apportées :

• code courtLa prise en charge des blocs ajoute des attributs de rôle pour améliorer la structure sémantique
• Prise en charge du bloc vidéo pour définir la piste de sous-titres par défaut
• Les liens de navigation et les contrôles de sous-menus masquent certains contrôles de l'interface utilisateur, mais conservent la prise en charge des propriétés sous-jacentes.
• Présentation unifiée du panneau de configuration pour les blocs de formulaires et de champs de saisie

V. Logique des composants et optimisation de l'API interne

• Le contrôle ComboBox prend en charge la logique de correspondance Unicode pour des performances plus stables lors de la saisie de contenu multilingue.
• Les composants "glisser-déposer" permettent de remplacer les icônes par défaut pour une plus grande personnalisation.
• Le sélecteur de focalisation d'image corrige un problème dans lequel les images SVG dont la largeur n'était pas spécifiée ne s'affichaient pas correctement.
• Les champs de jetons de formulaires ne sont plus bloqués lors du traitement de longues chaînes de caractères.
• Correction de la logique des valeurs par défaut pour le contrôle de l'alignement vertical dans Flex Layout

interactif API Dans le module, les paramètres de certaines fonctions ont été rendus optionnels afin d'améliorer la flexibilité. Parallèlement, le module expérimental "Navigation client pleine page" a été supprimé afin d'alléger la fonction principale.

VI. amélioration de la documentation et de l'expérience de développement

Optimisation systématique de la documentation destinée aux développeurs et des fichiers de configuration :

• Attribut ALT complété pour toutes les images
• Correction des descriptions manquantes des types de retour dans la documentation des fonctions
• Apurement et harmonisation JSON Champ de l'adresse de référence du schéma
• Mise à jour des expressions terminologiques et remplacement des descriptions de champs obsolètes
• Fichiers de tutoriels multiples utilisant une syntaxe de code mise à jour

La documentation pour useDropZone et d'autres crochets est également écrite dans une nouvelle version du style d'écriture des fonctions, qui est plus en ligne avec les normes actuelles du projet de l'éditeur Gutenberg.

VII. extension de la couverture des tests et optimisation de la propreté du code

Cette version comprend plusieurs améliorations de la couverture des tests de bout en bout et des tests unitaires :

• Tests E2E avec l'ajout de la fonctionnalité FocalPointPicker
• Test complet pour l'ajout d'une fonctionnalité de verrouillage des modèles
• Correction de la logique de couverture des cas de test pour les API de blocs
• adapter PHP Configurations d'essai pour adapter les ports d'essai à différents environnements

En termes de code, la logique de mise au point forcée inutile dans le contrôle InputControl a été supprimée, et le code hérité dans SuggestionsList qui n'était pas appelé a été nettoyé. Par ailleurs, une valeur clé unique est ajoutée à l'élément de la piste de sous-titres dans le bloc vidéo afin d'éviter les exceptions liées au rendu de la liste.

résumés

La version 21.0 de l'éditeur Gutenberg est une mise à jour à la fois large et profonde, couvrant de multiples dimensions telles que le contrôle sémantique, la structure de l'interface, la logique d'interaction, les normes de documentation, les interfaces de développement, les cadres de test, etc. Pour les créateurs de contenu, les concepteurs, les développeurs de thèmes et les développeurs de plugins, cette version apportera un chemin de configuration plus cohérent, un retour d'opération plus fluide et une structure d'interface de code plus raisonnable.

Pour plus d'informations, veuillez consulterCommunauté WordPressVérifier la compréhension.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.

© Déclaration de reproduction

Cet article a été écrit par lmx

Lien vers cet article :https://www.361sale.com/fr/60433
L'article est protégé par le droit d'auteur et doit être reproduit avec mention.