Gutenberg 11.9 se concentre sur les menus de navigation et la thématisation des blocs

Gutenberg 11.9 a atterri mercredi et contient des dizaines d'améliorations. Les contributeurs avancent à grands pas, accédant à certaines des fonctionnalités finales avant la sortie de WordPress 5.9, prévue le 14 décembre.

La version 11.9 est la dernière version du plugin à inclure de nouvelles fonctionnalités pour la prochaine mise à jour de WordPress. Les corrections de bogues continueront d'être transférées dans les semaines à venir.

L'édition de site et les blocs liés au thème occupent l'essentiel de l'attention. WordPress 5.9 sera livré avec son premier thème de bloc par défaut, Twenty Twenty-Two. Pour de nombreux utilisateurs, ce sera leur première expérience avec l'édition de modèles et les styles globaux.

Le bloc Navigation a reçu beaucoup d'attention, et à juste titre. Les développeurs ont résolu certains problèmes vitaux de portabilité des données et ont créé une expérience utilisateur plus complète.

Il y a encore beaucoup de place à l'amélioration dans l'ensemble, mais Gutenberg a parcouru un long chemin ces derniers mois. Je suis ravi de voir à quoi ressembleront les nouvelles fonctionnalités une fois qu'elles auront atterri dans la version générale de WordPress.

Éditeur de site réduit, son menu déplacé et renommé

L'éditeur du site a été réduit au point où ce n'est plus la fonctionnalité à laquelle les utilisateurs du plugin Gutenberg se sont habitués ces derniers mois. Il s'agit essentiellement d'une voie vers la fonctionnalité de styles globaux.

En ce qui concerne les modèles, seule la page d'accueil du site est accessible via l'interface. Cliquer sur l'icône "W" en haut à gauche de l'éditeur n'ouvre plus le panneau de modèles familier, qui permettait auparavant aux utilisateurs de naviguer, de sélectionner et de personnaliser des modèles individuels.

En cliquant sur le bouton "Parcourir tous les modèles", les utilisateurs quittent l'éditeur de site pour accéder à un écran de modèles. Il ressemble à une liste de messages et ne comprend aucune instruction sur la façon, par exemple, d'écraser une archive d'auteur ou d'autres modèles de thème. Je connais assez bien le système pour comprendre ce qui se passe, mais je ne peux qu'imaginer que cela serait choquant pour l'utilisateur moyen.

Les utilisateurs peuvent accéder directement aux zones d'en-tête et de pied de page dans l'éditeur de site en cliquant sur celles de la liste déroulante. L'éditeur se concentre simplement sur ces parties de modèle sans changer d'écran.

Cependant, je ne vois aucun moyen de modifier des modèles spécifiques à partir de l'éditeur de site. Le résultat est un éditeur de modèles d'index édulcoré avec des styles globaux, la seule fonctionnalité intéressante.

L'élément de menu de l'éditeur de site a également été déplacé sous le menu Apparence dans l'administrateur WordPress. Il s'appelle maintenant simplement "Editor". Bien sûr, le sous-menu "Theme Editor" est toujours là.

Je ne m'attends pas du tout à ce que cela soit déroutant pour les utilisateurs…

Sarcasme mis à part, c'est l'endroit approprié pour le nouvel éditeur de site, qui n'apparaîtra que si un utilisateur a un thème de bloc actif. Cependant, les deux noms de sous-menus sont clairement en conflit. Pourrait-il y avoir un meilleur endroit pour déplacer l'éditeur de thème ? Une proposition le verrait abandonné sous Outils dans le menu d'administration.

On doit se demander à quel point il sera utile d'éditer directement des fichiers de thème dans un monde de blocs. Les modèles peuvent être écrasés via l'interface utilisateur. Les paramètres theme.json sont gérés via l'interface des styles globaux. Cela laisse principalement functions.php comme seule réserve. Il est peut-être temps de désactiver l'édition de fichiers par défaut dans WordPress, du moins pour les thèmes de blocs.

Explorateur de modèles

Les utilisateurs d'ordinateurs de bureau et de tablettes peuvent désormais profiter d'une superposition de motifs en plein écran. Au lieu de faire défiler sans fin des dizaines, voire des centaines de modèles dans l'inséreuse étroite, ils peuvent cliquer sur un nouveau bouton "Explorer" pour explorer les modèles dans une interface avec un peu plus d'espace pour respirer.

J'ai couvert cette nouvelle fonctionnalité dans un examen complet plus tôt cette semaine. Il reste encore quelques problèmes à résoudre avec la conception, mais cela fonctionne bien jusqu'à présent. Il jette également les bases d'un ensemble plus complet de fonctionnalités sur toute la ligne.

Sauvegarde des données de navigation et bloc de zone de navigation

Les données du bloc de navigation sont désormais stockées dans un type de publication wp_navigation dédié. En l'enregistrant séparément, les contributeurs ont maintenant corrigé l'un des problèmes de longue date avec les menus de navigation basés sur des blocs : la portabilité.

Dans les versions précédentes du bloc, les utilisateurs perdaient leurs menus soigneusement conçus chaque fois qu'ils passaient à un nouveau thème de bloc. Ils devraient recréer un contenu qui ne change généralement pas souvent.

Parallèlement à cette amélioration, un nouveau bloc de zone de navigation sert d'enveloppe pour la navigation. Les auteurs de thèmes pourront définir des zones personnalisées dans leurs modèles de thèmes de blocs avec le code suivant :

 <!-- wp:navigation-area {"area":"primary"} --> <!-- wp:navigation /--> <!-- /wp:navigation-area -->

Le bloc Navigation imbriqué est associé à un post wp_navigation . Ce sera le format préféré des auteurs de thèmes à l'avenir.

Lorsqu'un utilisateur change de thème et que le nom de la "zone" correspond à son thème précédent, le menu est simplement reporté et apparaît automatiquement. S'ils ne correspondent pas, l'utilisateur peut attribuer un menu enregistré. La relation menu/zone est stockée dans la base de données.

L'un des problèmes avec le bloc Zone de navigation est qu'il n'a pas de contrôles d'alignement. Techniquement, il ne produit pas de code HTML lui-même. Cependant, son existence dans l'éditeur interdit à un utilisateur de sélectionner un alignement large ou complet pour son bloc de navigation interne.

Transparence du filtre bicolore

Les filtres Duotone sur des blocs tels que Image et Couverture prennent désormais en charge la transparence. Les utilisateurs verront désormais un curseur sous le sélecteur de couleurs lors du réglage des ombres ou des hautes lumières.

La fonctionnalité ouvre la porte à un effet de double exposition ou à un masque d'image en superposant un bloc d'image sur une couverture. Alex Lende a montré quelques exemples de la façon dont cela pourrait fonctionner dans le ticket.

Les développeurs ont également noté les possibilités d'une option tritone et d'autres types de filtres.

API pour accéder aux styles globaux

Les auteurs de thèmes et de plugins devraient s'amuser avec cette nouvelle API pour interagir avec le système de styles global. Auparavant, les développeurs devaient utiliser la classe WP_Theme_JSON_Resolver pour extraire les données dont ils avaient besoin côté serveur. Maintenant, ils ont trois nouvelles fonctions :

• gutenberg_get_global_settings() – Renvoie les paramètres.
• gutenberg_get_global_styles() – Renvoie les paramètres de style.
• gutenberg_get_global_stylesheet() – Renvoie la feuille de style globale.

Vraisemblablement, ces fonctions seront renommées avant d'atterrir dans WordPress 5.9 et n'auront pas le préfixe gutenberg_ . Les auteurs de thèmes doivent envelopper toute utilisation de ceux-ci dans les vérifications function_exist() pour être du bon côté.

Nouveaux blocs de commentaires

Plusieurs nouveaux blocs de commentaires ont atterri dans la dernière mise à jour du plugin. Les blocs Boucle de requête de commentaires et Modèle de commentaire fonctionnent de la même manière que leurs homologues de publication. Cependant, le résultat actuel est une fonctionnalité simple qui n'est pas prête pour une utilisation en production. Les commentaires imbriqués ne sont pas affichés et il n'y a pas beaucoup d'options pour personnaliser la sortie.

C'est une étape vers le blocage des auteurs de thèmes et des utilisateurs (via l'éditeur du site) contrôlant la sortie des commentaires des publications. Gutenberg 11.9 inclut également de nouveaux blocs d'aide aux commentaires qui seront nécessaires pour la création de modèles :

• Commentaire Répondre Lien
• Lien de commentaire
• Avatar de commentaire

Pendant un certain temps, les commentaires ont semblé être une réflexion après coup. Tout mouvement visant à compléter ces blocs thématiques manquants est le bienvenu.