Les points forts des mises à jour de Gutenberg 20.8 et 20.9 en bref

WordPress Éditeur GutenbergLes versions 20.8 et 20.9 ont fait l'objet d'un certain nombre d'améliorations portant sur l'expérience d'édition, l'accessibilité, les performances et la qualité du code. Voici un bref aperçu de ce qui a changé.

I. Vue d'ensemble

l'accessibilité L'équipe de base a poursuivi le nettoyage des éléments HTML en double et a détecté automatiquement les redondances.
afin d'éviter toute confusion avec les lecteurs d'écran.
Maîtrise de l'édition Le mode d'échange de modèles a été ajouté à la barre de recherche afin de rendre le processus de recherche de modèles plus intuitif.
Mise à niveau des composants L'éditeur de gadgets ne se ferme plus de manière inattendue lorsque le curseur quitte l'inserteur.
Performances et fondements Les résultats de l'étude sont les suivants : refonte du code et correction des bogues afin d'assurer un fonctionnement plus léger et plus fiable.

II. les points forts de la version 20.8

catégorisation	Mises à jour
l'accessibilité	Prévention de la duplication qui vérifie automatiquement la structure HTML
Échange de modèles	La fonction de recherche débute, ce qui permet de localiser rapidement le modèle.
assemblages	"Support de l'outil de ligne de commande "Créer un bloc `--textdomain` paramètres. i18n Des processus plus fluides
fenêtre contextuelle	Introduction de marges intérieures virtuelles pour éviter que les fenêtres contextuelles ne se collent au bord du navigateur.

Pourquoi est-ce important ?
De nombreux développeurs de thèmes aiment personnaliser leurs modèles, mais si vous égarez deux

Dans ce cas, la technologie d'assistance lira le contenu deux fois. La nouvelle version prévoit une relecture pour réduire cette erreur de bas niveau.

III. les points forts de la version 20.9

catégorisation	Mises à jour
terme de recherche	Le panneau des paramètres est déplacé dans la barre latérale de l'inspecteur, avec toutes les options de style listées en haut.
Élément HTML	répétable La fonction de détection continue d'être optimisée grâce à des messages plus conviviaux.
Échange de modèles	Amélioration de l'expérience de recherche : saisissez des mots-clés pour filtrer tous les modèles disponibles
vue de l'éditeur	Activation du fractionnement des métaframes uniquement dans la vue de bureau avec le canevas dans une iframe ; Des interactions plus ciblées
gadget	Le focus ne se ferme plus automatiquement lorsqu'il quitte l'inserteur afin d'éviter les interruptions d'édition

Analyse des faits marquants

Remaniement du bloc de rechercheLes éléments de configuration qui étaient dispersés à plusieurs endroits, tels que la taille de l'icône et le style de la bordure, sont désormais centralisés en haut du panneau de l'inspecteur, avec moins d'étapes.

se rendre àStylesLe haut de la barre de navigation latérale.Déplacez l'élément de navigation style en première position de la barre de navigation latérale principale de l'éditeur de site, avant la navigation, les pages, les modèles et les modes.

Recherche d'échange de modèles 2.0Les modèles natifs et les modèles personnalisés peuvent être recherchés et récupérés, ce qui améliore considérablement l'efficacité de la gestion des sites complexes.

IV. importance pour les développeurs et les webmasters

Structure de marquage plus sûre
répétable
Cela n'affecte pas le rendu, mais interfère sérieusement avec les lecteurs d'écran. La nouvelle version s'auto-valide et réduit considérablement les risques en matière d'accessibilité.
Gestion rapide des modèles
Auparavant, il était fastidieux de parcourir des dizaines de modèles pour les trouver ; aujourd'hui, vous saisissez un mot-clé et vous accédez directement à votre cible en une seconde.
Internationalisation de la ligne de commande
create-block --textdomain Lions les champs de texte dès le début du développement du bloc et arrêtons de retravailler les traductions plus tard.
Détails de l'interface mis à jour
L'anti-collage de la fenêtre pop-up et le tri de la barre latérale semblent être de petits changements, mais ils rendent la création de contenu beaucoup plus fluide.

V. Détails de la mise à jour et préoccupations des développeurs

Outre les améliorations en matière d'accessibilité et la fonctionnalité de recherche de modèles, les deux mises à jour contiennent un certain nombre d'améliorations, de corrections de bogues et d'ajouts à la documentation pour les développeurs et les utilisateurs avancés dans de nombreux domaines, notamment les blocs, les composants, les API, les tests, les performances et bien d'autres encore.

1. les points forts de l'amélioration

Création d'un outil CLI de bloc: Nouveau --textdomain il est plus facile de lier des domaines d'internationalisation pour des projets en bloc et de se conformer au processus de normalisation des traductions.
Optimisation de l'expérience du composant popupLes fenêtres de l'espace de travail : Introduire un rembourrage virtuel pour éviter les débordements visuels ou les erreurs de toucher causées par les autocollants des fenêtres pop-up.
Boutons de navigation du guidePermettre la personnalisation du contenu du texte suivant/précédent afin d'améliorer la convivialité et la cohérence de l'image de marque.
Contrôles de verrouillage des widgetsLes modifications apportées à l'éditeur de gadgets sont les suivantes: : soutenir l'ajout d'un mécanisme de "verrouillage" pour les opérations de l'éditeur de gadgets, afin d'éviter les modifications involontaires.

2. corrections de bogues et optimisation de l'expérience

La mise à jour corrige un grand nombre de problèmes de détail afin d'améliorer la stabilité et l'expérience de développement :

bloc d'imagesCorrection de l'erreur d'URL lors de la resélection de la même image dans la bibliothèque de médias afin d'éviter d'utiliser l'ancien chemin d'accès.
Fusion en bloc ajustements comportementauxDésactivation de l'opération de fusion de blocs : Désactivez l'opération de fusion de blocs dans "Désactiver le mode d'édition" pour éviter l'écrasement accidentel de données.
bloc calendrierLes données de la page d'accueil peuvent être modifiées : désactiver l'édition HTML afin d'éviter de détruire la structure.
bloc de navigationCorrection des avertissements de valeur de clé non définie pour les sous-menus avec des blocs de liens.
Se déconnecter du bloc de connexionMise à jour de la méthode d'extraction de l'URL actuelle pour éviter les erreurs logiques.
espace réservé aux médiasCorrection d'un problème avec le type d'entrée de l'URL des médias et prise en charge des chemins d'accès locaux.

En particulier, la logique d'interaction entre le support de formatage HTML et le conteneur de blocs a également été corrigée et améliorée afin d'éviter les dépassements de largeur et les désalignements structurels.

3. mise à jour des détails d'accessibilité

Rétablissement de la touche "accès + z" comme touche de raccourci pour la suppression de blocs afin d'améliorer la cohérence des opérations au clavier ;
Ajouté HTMLElementControl pour un contrôle plus granulaire du comportement des éléments HTML et de la structure des balises d'accessibilité.

4. l'amélioration de la documentation et de l'aide au développement

Cette mise à jour améliore également la documentation sur le développement de Gutenberg avec un contenu plus clair et des exemples plus complets :

en raison de setAttributes La fonction de mise à jour ajoute une description de la version ;
L'API Block Bindings comporte une nouvelle restriction sur les "post meta fields" ;
Correction des erreurs de syntaxe d'importation et de commentaires dans plusieurs tutoriels ;
simplifie theme.json Mise en ordre des attributs pour améliorer la cohérence structurelle.

Pour les développeurs qui personnalisent leur thème ou étendent les fonctionnalités d'un bloc, ces mises à jour de la documentation réduiront considérablement les coûts d'apprentissage et les taux d'erreur.

5. l'amélioration des performances et de la qualité du code

ServerSideRender Les modules sont remaniés pour utiliser useCallback avec refsce qui permet de réduire le nombre de demandes en double ;
Optimisation de la structure interne des composants, par exemple useHasBlockToolbar La logique de jugement conditionnel est encore simplifiée ;
Les tests de fumée instables de Storybook sont ignorés dans le cadre de test afin d'améliorer la stabilité de l'intégration continue.

VI. actions préparatoires à la mise à niveau

déplacer	instructions
sauvegarder	utiliser UpdraftPlus ou des snapshots de l'hôte pour conserver une copie complète
Vérification de la compatibilité	Activation de Gutenberg 20.9 sur le site de test et confirmation que le thème et le plugin se comportent correctement.
Nettoyer la personnalisation	Si le modèle de thème est codé en dur avec plusieurs Recommandations pour des ajustements en temps utile
Mise à jour de la documentation	L'équipe de développement doit synchroniser le README avec le manuel d'aide pour expliquer les nouveaux paramètres et les changements d'interface.

Gutenberg 20.8 / 20.9 Un aperçu rapide de la mise à jour technique

formulaire	Mises à jour	descriptions
🔧 Améliorations	`--textdomain` paramètres	`créer un bloc` Ajout d'outils CLI. Faciliter la prise en charge multilingue
	Texte suivant/précédent personnalisé	Personnalisation du texte des boutons des composants du guide
	Remplissage virtuel d'une fenêtre pop-up	Éviter les fenêtres contextuelles pour améliorer l'expérience visuelle
	Fonction de recherche pour l'échange de modèles	Les listes de modèles prennent en charge la recherche par mot-clé
	Contrôles de verrouillage des widgets	Contrôlez si vous autorisez l'édition des widgets
	Maintien de la mise au point de l'inséreur	L'inséreur ne se ferme plus automatiquement lorsque la mise au point est désactivée
	Optimisation de l'écran partagé Metaframe	Partage d'écran en mode iframe sur le bureau uniquement
🛠 Nouvelle API / Composants	`HTMLElementControl`	Nouveau composant pour le traitement des données personnalisées Options des éléments HTML
🐞 Corrections de bugs	Optimisation du rendu côté serveur	utiliser `useCallback` Refonte de la logique de chargement des données
	Correction de la compatibilité de plusieurs blocs	Avertissements pour les blocs d'images, les blocs d'auteurs, les sous-menus de navigation, etc. et la gestion des erreurs
	bloc calendrier	Désactiver le support de l'édition HTML
	Correction de la régression de l'URL des médias	Autoriser l'entrée d'un chemin d'accès local
	Restrictions relatives à la fusion de blocs	Comportement de la fusion de blocs en mode désactivé
	Gestion des pannes de FontSizePicker	Éviter les erreurs lorsque les données relatives à la taille des polices sont manquantes
	Correction de la logique des boutons bicolores	Résoudre le problème de l'impossibilité d'annuler les réglages
	`useCustomUnits` valeur par défaut	Éviter les changements `ALL_CSS_UNITS`
	Optimisation SVG	Supprimer les attributs width et height pour améliorer la réactivité
	Problèmes visuels bilatéraux	`Groupe d'articles` La dernière optimisation de la mise au point
⚙️ Optimisation des performances	Chargement tardif des informations sur l'auteur	Améliorer les performances de rendu initial de l'éditeur de contenu
	Dernière optimisation des blocs de postes	Interroger uniquement les champs nécessaires pour contrôler le rendu différé
📚 Mises à jour de la documentation	`créer un bloc` Supplément de documentation	README Ajouter `--textdomain` exemple illustratif
	`setAttributes` Description actualisée	Versions de WordPress supportées par les fonctions explicites
	Liaisons par blocs Restriction Description	Ajouter une description des restrictions du méta-champ
	Correction du code du didacticiel	Correction des importations manquantes et des balises @return redondantes.
🧪 Tests et IC	Storybook Test Skip	Ajustements de la stabilité pour éviter le blocage des tests de fumée
	Test de style du bloc de pâte	Ajout d'un test de bout en bout de la pâte à clavier pour l'affichage des listes
	`wp-polyfill` Fixation d'un seul test	Gestion des échecs de chargement des dépendances de scripts
💡 Qualité du code	Migration du format Stylelint	Passer de JSON à JS pour faciliter la maintenance
	`theme.json` Normalisation de l'ordre des attributs	Amélioration de la cohérence structurelle
	Simplification du sélecteur conditionnel	simplifier `useHasBlockToolbar` logique interne

court

20,8 vs. 20,9 Bien qu'il s'agisse d'une version mineure régulière, elle se concentre sur la résolution des problèmes d'accessibilité et apporte des améliorations pratiques aux modèles et aux tableaux de recherche. Les développeurs et les éditeurs de contenu bénéficieront de processus plus fluides et de moins d'erreurs après la mise à jour.

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.