Plus tôt dans la journée, Gutenberg 11.3 a atterri dans le répertoire des plugins WordPress. La dernière mise à jour introduit un nouveau panneau de dimensions pour basculer les options de bloc liées à l’espacement. Le bloc Button prend désormais en charge le contrôle de remplissage, et le bloc Post Featured Image a de nouveaux paramètres de largeur et de hauteur.
L’un des points forts de la version a été l’amélioration de la vitesse d’ouverture et de recherche dans l’inséreuse. Le temps d’ouverture a chuté de plus de 200 ms, passant de 370,35 ms à 137,28 ms. La vitesse de recherche est passée de 190,37 ms à 67,24 ms.
La dernière version comprend un sélecteur de couleurs simplifié une bibliothèque. Aperçus riches pour les liens, une fonctionnalité introduite dans Gutenberg 10.9 pour les URL externes, maintenant fonctionne avec des liens de sites internes.
Les auteurs de thèmes devraient profiter de la spécificité réduite des feuilles de style de réinitialisation et de l’éditeur classique. De tels changements permettent toujours aux auteurs de thèmes de faire correspondre plus facilement le style de l’éditeur et du front-end.
Panneau de dimension pour les contrôles d’espacement
Gutenberg 11.3 introduit un nouveau Panneau de cotes pour les blocs qui prennent en charge les contrôles de marge ou de remplissage. La fonction ajoute une ellipse (...) à la place de la flèche d’onglet d’ouverture/fermeture typique. Les utilisateurs peuvent sélectionner les contrôles qu’ils souhaitent utiliser.
L’objectif à long terme est de nettoyer l’interface, en exposant uniquement les contrôles dont un utilisateur a réellement besoin. Étant donné que ces besoins sont subjectifs, permettre aux utilisateurs de les activer/désactiver est une voie idéale à emprunter.
Les inconvénients actuels sont doubles. Une fois que vous avez choisi d’afficher les commandes de marge ou de remplissage, le panneau lui-même ne peut pas être réduit. Cela exacerbe le problème même que la nouvelle fonctionnalité tente de résoudre : désencombrer l’interface de la barre latérale. Pour moi, au moins, je veux toujours un accès rapide aux commandes d’espacement. Cependant, je n’ai pas toujours besoin de les montrer.
Le deuxième problème est que le choix de l’utilisateur de ce qu’il souhaite afficher ne semble pas être enregistré. Chaque fois que vous travaillez avec un bloc, vous devez sélectionner les commandes qui doivent apparaître.
Le nouveau panneau Dimensions est uniquement une partie du processus de la taille (largeur et hauteur), de l’espacement (remplissage et marge) et des contrôles associés pour les blocs. Le travail vers une solution plus complète est toujours en cours. Vraisemblablement, l’équipe de développement abordera ces problèmes et d’autres dans les versions futures. Cependant, ceux qui exécutent le plugin Gutenberg en production doivent s’attendre à des bizarreries avec l’utilisation.
Le Plugin Bloquer la visibilité a la version la plus conviviale d’un tel contrôle à bascule en ce moment. Ce n’est pas encore une solution parfaite, mais cela fonctionne un peu mieux que ce qui se fait actuellement à Gutenberg.
Remplissage de bloc de boutons
Ce n’est un secret pour personne que je n’aime pas le remplissage par défaut du bloc Button lors de l’utilisation du thème TT1 Blocks (version basée sur les blocs de Twenty Twenty-One). J’en ai fait une de mes missions de le signaler systématiquement, allant même jusqu’à refuser d’utiliser le bloc dans le dernier appel pour test dans le cadre du programme de sensibilisation FSE.
Un bouton surdimensionné n’est pas toujours le mauvais choix stylistique sur une page Web. Le contexte est important et je continue d’une manière ou d’une autre à rencontrer des scénarios où j’ai besoin de quelque chose d’un peu plus réduit. Le contrôle du rembourrage du bloc Button est sur ma liste de souhaits depuis des mois, et l’équipe de développement de Gutenberg l’a livré.
Depuis la 11.3, les utilisateurs peuvent contrôler le rembourrage de bouton individuel blocs. Il apparaîtra désormais comme une option dans le nouveau panneau Dimensions mentionné précédemment.
Prière exaucée. Passons maintenant à l’ajout de contrôles de remplissage à tous les blocs.
Le seul problème potentiel que certains utilisateurs peuvent rencontrer est le maintien d’un espacement cohérent lors de l’utilisation simultanée de plusieurs blocs Button. La façon la plus simple de le faire est d’ajouter et de styliser le premier, puis de le dupliquer pour en créer d’autres avec le même espacement. Ce n’est pas un nouveau problème; il s’applique à toutes les options de bouton pour lesquelles les utilisateurs souhaitent une cohérence au sein d’un groupe.
Commandes de dimension d’image en vedette
Le bloc Post Featured Image a finalement reçu une mise à niveau petite mais pratique. Dans le passé, les utilisateurs et les auteurs de thèmes n’avaient qu’une seule option pour décider de le lier à la publication. Maintenant, ils peuvent contrôler la largeur et la hauteur de l’image.
Si un utilisateur définit une hauteur pour l’image, l’éditeur affichera une option « Echelle » distincte avec les choix suivants :
- Couverture (par défaut)
- Contenir
- S’étirer
À quoi servent réellement ces options ? Ce serait une bonne question. Même en tant que personne dans la boucle de conception et de développement Web depuis près de deux décennies, j’oublie parfois et je dois les rechercher. Ce sont des valeurs pour le object-fit Propriété CSS et sont susceptibles de dérouter les utilisateurs dans de nombreux cas.
Couvrir et contenir permettent à l’image de tenir dans la boîte de l’élément conteneur tout en conservant ses proportions (pas d’étirement de l’image). La différence est que la valeur de couverture sera tronquée si elle ne rentre pas et que la valeur de contenu peut être en boîte aux lettres. Une valeur d’étirement remplira son conteneur quel que soit le rapport hauteur/largeur.
Selon le rapport hauteur/largeur de l’image sur son conteneur, chacune des valeurs pourrait essentiellement afficher la même chose à l’écran. Ou, ils pourraient fournir des résultats très différents. Le couplage de ces contrôles de dimensions avec des alignements larges et complets (également des options liées à la largeur) pourrait également donner lieu à des expériences imprévisibles.
Le concepteur de thèmes en moi souhaite désactiver complètement l’interface utilisateur pour cela et présenter quelque chose de légèrement plus contrôlé : un sélecteur de taille d’image.
Un tel sélecteur ne doit pas être confondu avec les contrôles de largeur et de hauteur. Les auteurs de thèmes WordPress enregistrent des tailles d’image personnalisées depuis des années. Le cas d’utilisation principal pour cela était les images présentées. Les utilisateurs peuvent utiliser ces tailles avec les blocs Image et Derniers messages actuels. Cependant, ils n’ont pas encore cette option avec Post Featured Image.
Je suis dans le camp qui pense que les contrôles de taille d’image auraient dû être le premier ajout au bloc. Il fait tellement partie intégrante de la conception de thèmes WordPress qu’il ne peut être laissé de côté, et j’ai s’est battu – ou au moins agaçant – pour s’assurer que les auteurs de thèmes peuvent contrôler les images présentées via des tailles personnalisées.
Heureusement, il y a un ticket ouvert pour prise en charge de la taille d’image personnalisée. Parmi d’autres fonctionnalités encore manquantes, il s’agit d’un bloqueur pour de nombreux auteurs de thèmes qui cherchent à faire le saut vers des thèmes de bloc.
Il existe de nombreux cas d’utilisation pour les nouvelles options, tels que le recadrage automatique des images en vedette d’une grille de publication en un carré. je suis juste impatiemment en attendant un ensemble d’outils plus robuste pour le bloc Post Featured Image.
Source link