Gutenberg 21.7.0 Dernière mise à jour : l'expérience éditoriale entièrement améliorée

Gutenberg La version 21.7 a été publiée le 24 septembre, apportant toute une série d'améliorations à l'éditeur de WordPress.Cette version se concentre sur l'optimisation Panneau de commande et affichage des donnéesAméliorée Contrôle DataForm de validation et d'interaction, et élargit le champ d'application de la Style mondialEn outre, nous avons rendu les éléments du formulaire plus cohérents avec la conception générale. Parallèlement, un certain nombre de bogues ont été corrigés, et les performances et l'accessibilité ont été améliorées. En bas, l'éditeur continue de progresser Migration TypeScriptpour une transition en douceur vers l'avenir React 19 Poser les bases. Les créateurs de contenu et les développeurs bénéficieront d'un flux de travail plus fluide, plus efficace et plus stable dans Gutenberg 21.7.

I. Panneau de commande et opération globale plus pratique

Dans cette nouvelle version, le panneau de commande a été encore amélioré :

• Commandes CSS personnalisées a été déplacé dans le paquet de commandes principal pour une invocation plus rapide lors de l'édition de sites.
• Menu Navigation Enregistrement Sur la base de la mise en œuvre de l'API Core Menu, les développeurs peuvent gérer les menus du site d'une manière plus unifiée.
• Tous les écrans sont pris en charge Commandes de navigationLa commande peut être invoquée directement sur la page d'édition et sur l'écran de configuration.

Cela signifie que la gestion du site sera plus intuitive et que le processus d'édition ne sera plus limité à une seule interface.

Deuxièmement, la vue de données et le DataForm ont été complètement améliorés

Les DataViews ont été considérablement améliorés dans cette version :

• soutenir qqch. Champ de couleur, sélecteur de données, champ de mot de passerendant la gestion des données plus intuitive.

• Améliorations du contrôle DataFormLes groupes à sélection unique, à liste déroulante et à sélection multiple prennent tous en charge la validation et la description, ce qui les rend plus adaptés au commerce électronique et aux scénarios de formulaire.
• supplémentaires Champs URL et téléphoneet ajoutez des icônes aux commandes de courrier et de téléphone pour une interface plus conviviale.
• champ booléen Passage d'une interface à bascule à une interface à cases à cocher, plus intuitive.
• Contrôles de la date et de l'heure La sélection basée sur le calendrier est utilisée pour réduire les erreurs de saisie.
• apporter disposition de la liste groupBy avec la disposition des lignesLa présentation des données est plus adaptée à la présentation de données complexes.

Pour les utilisateurs, les formulaires et la présentation des données sont nettement plus contrôlables ; pour les développeurs, l'évolutivité et la maintenabilité sont accrues.

Bibliothèques de blocs et optimisation du modèle d'écriture

Points forts des ajouts et ajustements de la bibliothèque de blocs :

• lien de navigation Le bouton "Ajouter une page" a été remplacé par "Créer une page" et s'affiche directement en mode écriture, ce qui réduit la nécessité de changer de hiérarchie.

• Barre d'outils pour le blocage du catalogue Mise à jour pour une composition plus facile et plus rapide.
• Bloc de recherche de clause Les commandes New, Order et Order By ont été fusionnées pour un fonctionnement plus concis.
• bloc accordéon La prise en charge de BlockGap permet aux utilisateurs d'ajuster facilement l'espacement du contenu.

En mode rédaction, un bouton de navigation permettant d'ajouter une page a également été ajouté et permet de masquer la date de publication des sous-éléments de la requête afin de réduire les distractions. Ces modifications rapprochent l'expérience de rédaction des besoins réels.

IV. la reliure en bloc et les améliorations apportées à l'éditeur

La nouvelle version comporte également plusieurs optimisations pour les liaisons de blocs et l'éditeur :

• supplémentaires filtre block_bindings_supported_attributesqui permet de prendre en charge un plus grand nombre de liaisons d'attributs.
• Les blocs d'images peuvent être enregistrés lorsque l'attribut caption est lié à la balise
• La logique d'affichage de l'encarteur dans les scénarios de blocs vides est plus logique et évite les interférences inutiles.

Parallèlement, l'éditeur est optimisé pour les balises et la localisation afin de garantir une expérience de site multilingue.

V. Style global et optimisation des performances

• Élargissement de la couverture du style mondialL'éditeur de site affiche toujours un bouton "Attach CSS", et les éléments de formulaire sont entièrement soumis à un contrôle de style global.

• Fixation du préréglage BorderRadiusAmélioration de la compatibilité avec les thèmes : éviter de générer des noms de variables incorrects pour améliorer la compatibilité avec les thèmes.
• Optimisation des vitrines Web de baseAméliorer les performances de chargement en réduisant le code et les animations redondants.

Pour les webmasters, un style global uniforme signifie un style plus cohérent et une maintenance plus facile.

VI. corrections de bogues et améliorations de l'accessibilité

Cette mise à jour corrige un certain nombre de problèmes qui affectaient l'expérience :

• Correction de l'exception de défilement pour les crochets de défilement des fenêtres contextuelles.
• Gestion optimisée des variables de couleur pour les contrôles de formulaires.
• Correction des références de points d'insertion obsolètes, éditeur plus stable.

en termes d'amélioration de l'accessibilité :

• Le texte "n plus de réponses" est cliquable, ce qui améliore l'accessibilité à la section des commentaires.
• Soutien aux champs de commentaires TextareaAutosizeL'expérience de saisie est meilleure.
• Prise en charge de l'activation des commentaires en ligne dans les articles publiés et nouvelle possibilité de rouvrir les commentaires résolus.

Ces améliorations permettent Gutenberg Plus pertinent pour les scénarios de collaboration sur le contenu réel.

VII. développeurs et améliorations sous-jacentes

• l'introduction de nouveaux API useCommandsles développeurs peuvent invoquer des commandes d'une manière plus moderne.
• Un grand nombre de modules migrés vers TypeScriptprêt pour les futures mises à jour vers React 19.
• Rationaliser les fichiers JS inutiles pour réduire la pression de chargement.
• En termes de tests, de nouveaux tests d'automatisation et de bout en bout sont ajoutés pour assurer la stabilité des nouvelles fonctionnalités.

ce qui fait un total de WordPress Le développement à long terme de l'entreprise a permis de poser des bases techniques solides.

VIII Résumé

Cette mise à jour de Gutenberg n'est pas seulement une correction mineure, c'est une optimisation globale de l'expérience. Tout le monde bénéficie d'une écriture et d'une mise en page plus fluides pour les éditeurs, d'une prise en charge plus forte des API et de TypeScript pour les développeurs, et d'un chargement plus rapide et d'interactions plus utilisables pour les utilisateurs.

Cette mise à jour rend Gutenberg plus mature, et l'éditeur de WordPress entre dans une phase efficace, stable et pérenne.

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.