Explication de la mise à jour WordPress Gutenberg 22.4 : l'édition collaborative activée par défaut, les blocs et l'éditeur entièrement peaufinés.

1. aperçu de la version

Le plugin Gutenberg est disponible dans 22.4.0 et 22.4.1 sur GitHub Journal des mises à jour. Le rythme général est clair :

• 22.4.0 est une version importante en termes de fonctionnalités et d'expérience, avec de nombreux ajouts et améliorations.
• 22.4.1 est une version mineure qui corrige un problème de limite dans le moteur de style.

1.1 Orientations de base pour la 22.4.0

Vous pouvez voir dans l'entrée de la mise à jour qu'il fait trois choses principales :

• L'édition collaborative passe de l'expérimentation à l'expérience par défaut
• Optimisation continue de la convivialité, de l'accessibilité et de la structure de rendu de la bibliothèque de blocs et de l'éditeur
• Le système de composants d'interface utilisateur, DataView/DataForm, est plus complet, ce qui facilite le développement de thèmes et de plugins.

1.2 Positionnement de 22.4.1

22.4.1 Il n'y a qu'un seul correctif lié à la "qualité du code", qui est un correctif de stabilité typique : corriger la logique du moteur de style pour gérer les paramètres de police manquants, afin d'éviter un comportement anormal lors de la génération des déclarations de style.

2. 22.4.0 nouvelle fonctionnalité : l'édition collaborative dans l'expérience par défaut

Le point "collaboration en temps réel" dans le journal des modifications est essentiel : la fonction d'édition collaborative est passée d'expérimentale à l'expérience par défaut de Gutenberg.
En d'autres termes :

• À l'avenir, de plus en plus d'utilisateurs seront exposés aux capacités de collaboration multijoueurs de manière plus naturelle dans l'éditeur.
• La production de contenu en équipe (édition, opérations, révision) peut être plus étroitement alignée sur un flux de travail "basé sur des documents en ligne".
• Pour les administrateurs de sites, les spécifications des processus liés à la collaboration sont plus importantes, comme les autorisations, le flux des projets, le verrouillage du contenu et la gestion des conflits.

3) Amélioration de la bibliothèque en bloc : de "fonctionner" à "mieux fonctionner".

Les entrées de la bibliothèque de blocs de 22.4.0 sont très denses, et les points forts peuvent être regroupés en plusieurs catégories.

3.1 Aide à l'interligne

Ajout de la "prise en charge de l'interligne" à la bibliothèque de blocs. Utile pour les sites de typographie :

• Meilleur contrôle du rythme visuel des titres, des paragraphes et des listes
• Les thèmes n'ont pas besoin de s'appuyer sur un grand nombre de feuilles de style CSS personnalisées pour couvrir leurs besoins.
• Il est également plus convivial pour les sites multilingues, où les différences de densité littérale entre les langues sont plus facilement compensées.

3.2 Variantes au niveau du titre

La mention "Ajouter une variante au niveau du titre" apparaît dans la bibliothèque de blocs. Il signifie :

• Les titres ne sont pas seulement un choix sémantique pour H2/H3, mais peuvent également être appliqués plus rapidement avec une hiérarchie visuelle cohérente.
• Gagner du temps lors de la normalisation de la structure du contenu et réduire la fréquence des ajustements manuels de la taille des polices et de l'espacement.

3.3 Filtre de fil d'Ariane et LinkPicker

La mise à jour mentionne le composant LinkPicker et ajoute des filtres à la navigation dans le fil d'Ariane (block_core_breadcrumbs_items). Ces types de changements sont plus du côté de l'"évolutivité" :

• Les sites qui ont une navigation complexe, des stratégies de saut, des règles de paramètres de suivi, des filtres qui vous permettent de faire de la personnalisation sans changer le code de base.
• Les améliorations apportées à LinkPicker rendront la "sélection d'un lien" plus cohérente et moins fragmentée dans les différentes sections.

3.4 HtmlRenderer : nettoyage de la valeur des divs redondantes

Plusieurs de ces mises à jour concernent le HtmlRenderer et mettent l'accent sur la suppression des enveloppes de div redondantes. Ne sous-estimez pas ces changements "invisibles" :

• Un DOM plus propre, moins de failles dans la couverture CSS
• Structure de rendu plus stable et meilleure compatibilité avec les styles/scripts de tiers
• Les performances et la maintenabilité sont généralement plus stables (en particulier pour les pages longues et les modèles complexes).

3.5 Support d'ancrage des blocs dynamiques

Il existe également des entrées dans la bibliothèque de blocs, telles que "Ajouter un support d'ancrage pour les blocs dynamiques". Cette fonction est essentielle pour les catalogues, les sauts et la structuration de longs textes :

• Les pages de contenu pourraient bénéficier d'un saut de paragraphe plus fiable
• Elle contribue également à la lisibilité du référencement et à la fidélisation des utilisateurs (ceux-ci parviennent plus rapidement au paragraphe cible).

4、L'expérience de l'éditeur de blocs : panneau, saisie et mise en page plus détaillés

La section "Block Editor" du journal des modifications contient un certain nombre de points qui affectent directement les opérations quotidiennes.

4.1 autoComplete : contrôle de l'autocomplétion du navigateur

Ajout de la propriété autoComplete pour bloquer l'autocomplétion du navigateur. Points de valeur communs :

• Certains champs de saisie de l'éditeur ne veulent pas être "remplis" par le navigateur, ce qui affecte l'expérience d'édition.
• Une interface utilisateur plus contrôlable pour les formulaires et les paramètres afin de réduire les déclenchements intempestifs.

4.2 Variantes de style dans le panneau Outils

"Inspecteur de bloc : mise à jour de la variante de style pour utiliser le panneau d'outils" Ce changement, l'objectif est généralement :

• Une architecture d'information plus cohérente : un meilleur accès aux styles, aux paramètres et aux variantes
• Les blocs complexes sont moins susceptibles de "cacher" les entrées de configuration.

4.3 allowWrap : une mise en page flexible pour un meilleur contrôle

L'option allowWrap (pour les mises en page flexibles) apparaît dans les mises à jour relatives à la mise en page. Elle résout un problème courant :

• Autrefois, il fallait recourir au CSS pour obtenir des "sauts de ligne/non sauts de ligne".
• Il est désormais plus facile de contrôler les règles typographiques directement dans l'éditeur, et la réutilisation des modèles est plus stable.

4.4 Indices de visibilité et contrôles

La mise à jour mentionne également l'ajout d'indications sur la visibilité des blocs cachés dans l'inspecteur, des améliorations aux ContentOnlyControls, etc. qui vont dans le sens d'une "réduction des abus" :

• Les utilisateurs sont plus susceptibles de savoir pourquoi un bloc n'est pas visible
• Retour d'information plus clair sur l'état d'avancement des travaux lors de l'édition

5, DataView / DataForm : l'expérience des données backend continue d'évoluer

La mise à jour "Data View" dans le journal des modifications est très ciblée, ce qui indique que l'équipe continue à peaufiner les capacités de l'interface de gestion/liste de données.

5.1 Mise en page et regroupement configurables

• Ajout d'un sélecteur de bas de page et d'un style pour la mise en page des icônes
• Ajoutez groupBy.showLabel pour contrôler l'affichage des étiquettes de titre des groupes.
  Cela permettra à la vue des données de passer plus librement d'un "affichage dense d'informations" à un "aspect plus frais".

5.2 La sauvegarde de l'état des filtres s'apparente davantage à un "outil utilisable"

Des mises à jour telles que "Assurez-vous que le filtre le plus récemment utilisé est le 40" sont pragmatiques :

• Les administrateurs n'ont pas à réinitialiser les critères de filtrage à plusieurs reprises.
• Flux de travail plus fluide pour les opérations de données, les opérations de contenu

5.3 Formats date-heure et nettoyage interactif

Instructions pour la mise en œuvre du formatage de la date et de l'heure, la suppression de la sélection de la ligne de tableau avec les boutons d'action au survol, et plus encore :

• Réduit les distractions et améliore la certitude des opérations de listage
• Convertir les interactions de "fantaisie" à "efficacité"

5.4 Cardage de la carte LayoutCard et mise en correspondance des couleurs sur le terrain

LayoutCard de DataForm est adapté à la présentation en carte, les couleurs des champs de la liste DataViews sont mises à jour, ce qui constitue une "ingénierie de la lisibilité" :

• Plus facile à numériser
• Mieux adapté aux champs complexes et aux scénarios de back-office multi-états

6. Amélioration de la couche de développement et de maintenance : le système de composants et la base de style sont plus mûrs.

La version 22.4.0 comporte un grand nombre de composants d'interface utilisateur et d'entrées d'ingénierie dans les améliorations :

• Ajouter un champ, une entrée, un ensemble de champs, une icône, un bouton et d'autres composants de base.
• Gérer les variables de style avec @wordpress/base-styles pour réduire les déclarations en double dans les paquets
• Stylelint ajoute la vérification des jetons de conception
• Theme_JSON_Resolver, wp-env, Storybook et d'autres ont également été mis à jour !
  Ce type de changement est important pour les développeurs : plus les composants sont uniformes, plus la réutilisation inter-projets est stable et plus les coûts de maintenance sont faibles.

7. 22.4.1 Point fixe : moteur de style plus stable

La correction du 22.4.1 peut être interprétée comme signifiant que le moteur de style se terminera plus tôt dans la phase d'ajout de la déclaration de style lorsque les paramètres liés à la police ne sont pas transmis correctement, évitant ainsi l'héritage incorrect ou les déclarations invalides et améliorant ainsi la stabilité.

8) Suggestions de mise à niveau : consultez cette liste avant de vous connecter.

• Expérience en matière d'édition : test de l'espacement des lignes, variantes d'en-tête, conseils sur les blocs cachés, sélecteur de liens
• Styles de thème : vérifier si les styles de blocs personnalisés, les configurations theme.json, les variables de style globales sont affectés.
• Blocs personnalisés/plugins : si vous vous appuyez sur des structures DOM spécifiques, concentrez-vous sur les nettoyages de div liés à HtmlRenderer.
• Interface de gestion des données : Exécutez un DataView avec des données réelles pour le filtrage, le regroupement, l'affichage de la date et de l'heure.
• Méthode de mise en service : mise à niveau d'abord sur le site de test/environnement de préversion, puis mise en service avec un faible volume de trafic, afin de s'assurer que le retour en arrière est possible.

résumés

Gutenberg 22.4.0 était une combinaison de "mise en œuvre de fonctionnalités + polissage de l'expérience + raffinement technique" : l'édition collaborative est devenue la valeur par défaut, les bibliothèques de blocs sont devenues plus faciles à utiliser, les éditeurs sont devenus plus contrôlables, et DataView est devenu un outil back-end à part entière. 22.4.1 a corrigé le cas limite du moteur de style avec un petit correctif, le rendant plus approprié pour une mise à niveau vers une version stable sur la même ligne. C'est le bon moment pour faire une mise à jour vers la même ligne de version stable.

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.