Gutenberg 9.7 a atterri hier avec plusieurs mises à jour et améliorations. Les utilisateurs doivent s’attendre à voir les modifications apportées à l’interface utilisateur pour les variations de bloc, les transformations et les modèles. Après une pause, des blocs réutilisables seront travaillés. Les développeurs peuvent désormais également ajouter des modèles de page personnalisés à leurs conceptions WordPress basées sur des blocs.

Cette version a eu le moins de corrections de bogues que j’ai vues depuis un certain temps. L’équipe de développement n’a inclus que huit correctifs dans la mise à jour, ce qui pourrait indiquer que les choses étaient plus stables que d’habitude après la version 9.6 d’il y a quelques semaines.

La plupart des travaux de la version 9.7 ont porté sur les nouvelles fonctionnalités et améliorations. Comme prévu, la modification complète du site prend beaucoup de temps. Cependant, cela semblait également avoir été un peu voté pour cette version. De nombreuses mises à jour sont liées à l’interface de post-traitement.

Améliorations de l’expérience utilisateur

L’équipe a publié plusieurs mises à jour sur le fonctionnement des fonctionnalités dans l’éditeur. Certains d’entre eux semblent mineurs, mais ils améliorent l’expérience globale de l’éditeur.

Les variantes de bloc ont reçu une amélioration bienvenue. Les variations surviennent lorsqu’un bloc sous-jacent est utilisé pour créer plusieurs variantes du même bloc. Par exemple, le bloc d’intégration inclut YouTube, Twitter et d’autres variantes. Dans les versions précédentes, l’inspecteur de blocs affichait le nom générique, l’icône et la description dans la barre latérale et dans la navigation de bloc. Cependant, Gutenberg 9.7 montre maintenant que Détails sur la variation utilisé.

Exemple d'utilisation de la variante de bloc YouTube Embed et affichage de ses détails dans la barre latérale.
Variante YouTube pour le bloc d’intégration.

Lorsque vous transformez un bloc, Les utilisateurs peuvent voir un aperçu à quoi ressemblera le bloc. C’est une petite amélioration. Cependant, cela peut vous éviter des maux de tête avant de décider de convertir un bloc en un autre.

Conversion d'un devis en pull quote dans l'éditeur de blocs.
Prévisualiser lors de la conversion du bloc d’offres en pullquote.

Gutenberg 9.6 introduit Fonction glisser-déposer pour les blocs dans l’inséreuse. L’équipe a maintenant étendu cette fonctionnalité pour bloquer les motifs. Ce n’est qu’un pas de plus pour ceux qui recherchent plus de fonctionnalités de glisser-déposer.

Blocs réutilisables mis à jour

Cela fait un moment que je n’ai pas testé les blocs réutilisables. La fonctionnalité a apparemment poussé d’autres fonctionnalités plus récentes à l’arrière-plan depuis environ un an. Cela ne s’est jamais senti beaucoup mieux qu’un premier prototype. Il n’y a toujours aucun moyen de les gérer facilement à moins que vous ne sachiez où chercher. Cependant, il semble que l’équipe de développement de Gutenberg soit développer activement cette fonction presque oubliée.

Les utilisateurs peuvent s’attendre à plus dans les versions futures. « En raison de ces changements, l’interface utilisateur des blocs réutilisables aura très probablement des itérations dans les semaines à venir », a écrit Riad Benguella dans l’annonce.

J’ai fait un premier test pour voir à quoi ressemble la fonction dans Gutenberg 9.7. Après avoir cliqué sur le bouton «Ajouter aux blocs réutilisables», l’éditeur a brièvement clignoté. Une notification est alors apparue en bas de l’écran indiquant que le bloc réutilisable a été créé. Étant donné que ma barre latérale Options de bloc n’était pas ouverte à ce stade, je n’ai pas vu de moyen de modifier le titre du bloc réutilisable. J’ai immédiatement pensé que l’équipe prenait une fonctionnalité déjà hésitante et la rendait exponentiellement pire.

En approfondissant mes recherches, j’ai constaté que les utilisateurs peuvent modifier le titre du bloc réutilisable dans la barre latérale Options de bloc. Cependant, l’équipe ne s’est pas arrêtée là. Ils ont ajouté plusieurs améliorations à la fonctionnalité.

Modifier le nom d'un bloc réutilisable dans l'éditeur WordPress.
Modifiez le nom du bloc réutilisable dans la barre latérale.

Les blocs réutilisables peuvent désormais être modifiés dans l’éditeur de publication lui-même. Par exemple, les utilisateurs peuvent faire glisser une image du bloc. La barre latérale de l’inspecteur est disponible pour les blocs intérieurs. Les blocs réutilisables ressemblent désormais à n’importe quelle autre partie de l’éditeur. Toute modification affecte toutes les instances des blocs réutilisables sur le site.

La grande différence est la façon dont ils sont stockés.

Enregistrez le message et les blocs réutilisables dans l'éditeur de blocs en même temps.
Enregistrez un bloc réutilisable avec le message.

Les blocs réutilisables font désormais partie du système de stockage multi-entités. En cliquant sur le bouton de l’éditeur de mise à jour, les utilisateurs ont la possibilité d’enregistrer l’intégralité de la publication et / ou des blocs réutilisables individuels.

Modèles de « page » personnalisés pour les sujets FSE

Basé sur un bloc Sujets d’assistance maintenant ce qui est traditionnellement connu sous le nom de modèles de page. Tous les types de messages sont techniquement pris en charge avec la fonction. Cependant, après quelques discussions, l’équipe semble s’en tenir à la terminologie «côté».

Quelque chose a été creusé car il n’y a pas de documentation et l’exemple d’origine dans le ticket ne reflétait pas le résultat final du code passé. Cependant, j’ai réussi à comprendre comment fonctionne la fonctionnalité. Pour les auteurs de rubriques qui souhaitent tester cette fonctionnalité, utilisez l’exemple de code suivant pour ajouter un modèle de contact. Placez-le à la racine de votre sujet experimental-theme.json Déposer. Vous devez accompagner cela avec un aussi block-templates/contact.html Modèle dans votre thème.

"pageTemplates": {
        "contact": {
                "title": "Contact",
                "postTypes": [
                        "page"
                ]
        }
}

Cette fonctionnalité ne fait rien de particulièrement révolutionnaire pour le moment. Il ajoute simplement le modèle personnalisé à la sélection déroulante sur l’écran « Modifier l’article / la page ». Cela correspond au système de modèle de page actuel disponible pour les thèmes traditionnels.

Sélectionnez un modèle de page dans l'éditeur de blocs.
Choisir un modèle de page personnalisé à partir du thème FSE.

Bien que ce soit un bon développement, les modèles de page traditionnels dans le paradigme du thème de bloc peuvent ne pas avoir beaucoup de sens. Il n’existe aucun moyen de modifier la sortie visuelle de la page dans l’éditeur en fonction du modèle sélectionné. Les utilisateurs doivent toujours afficher la page dans le front-end pour voir le résultat de leur application. Le système de bloc est tout au sujet de la rétroaction visuelle instantanée. Les modèles de page doivent être reconsidérés pour la nouvelle ère.

«Nous pouvons faire beaucoup plus que l’ancienne boîte de sélection en ce qui concerne l’interface utilisateur et l’intégration avec le mode modèle», a déclaré Benguella, qui était le développeur de la pull request. «Nous pouvons prévisualiser les modèles et proposer un modal ou quelque chose parmi lesquels les gens peuvent choisir. Nous aurions besoin de faire quelques considérations de conception et d’exploration là-bas. Ce PR définit uniquement les exigences techniques pour que cela fonctionne. « 

Une grande partie, mais pas la totalité, des modèles de page utilisés au cours de la dernière décennie peut maintenant être remplacée par des modèles de blocs.

À long terme, je préférerais voir des modèles de page qui agissent davantage comme des mises en page de blocs prédéfinies. C’est ainsi que fonctionnent aujourd’hui les modèles de bloc pour les types de publication personnalisés. Cependant, cela se situe davantage au niveau du type de poste qu’au niveau du poste individuel.

Les modèles de page traditionnels sont datés. Les sujets en offrent rarement plus que quelques-uns. Un pour supprimer la barre latérale. Un pour déplacer la barre latérale vers la gauche ou la droite. Un autre pour étendre la zone de contenu de la page.

Ce qui est clair, c’est que nous devons examiner de plus près à quoi ressembleront les modèles de page à l’avenir. Sont-ils nécessaires dans le système de blocs? Existe-t-il de meilleures façons de traiter les sujets traditionnels pour lesquels ils sont utilisés? Comment fonctionnent-ils dans une interface utilisateur nécessitant un retour visuel?



Source link

Recent Posts