Hier, l’équipe Gutenberg sortie la version 8.3 du plugin en cours derrière l’éditeur de blocs. Bien que l’équipe se concentre principalement sur la prochaine édition complète du site, cette mise à jour comprend plusieurs fonctionnalités accessibles aux utilisateurs, telles qu’un ensemble réorganisé de catégories de blocs, un sélecteur de bloc parent, un contrôle d’espacement et des options de couleur de lien.

Une amélioration plus petite inclut la possibilité de filtrer le bloc Derniers messages par auteur. Le contrôle de niveau pour le bloc de cap a également changé. Au lieu de sélectionner le niveau dans la barre d’options latérale, le sélecteur de niveau est maintenant situé dans la barre d’outils de l’éditeur.

Dans Gutenberg 8.2, frapper le Enter dans le champ de légende d’un bloc d’image a créé un nouveau paragraphe. En 8.3, cette fonctionnalité a été étendu à tous les blocs avec légendes.

L’équipe a corrigé plus de 20 corrections de bogues dans la dernière version. Dans l’ensemble, la nouvelle mise à jour du plugin semble solide après une journée d’utilisation. Cependant, certains des ajouts expérimentaux, tels que le nouveau contrôle de remplissage, peuvent être préoccupants. Les auteurs de thèmes doivent commencer à tester cela, fournir des commentaires et s’assurer que le développement va dans la bonne direction.

Nouvelles catégories de blocs

Capture d'écran de l'inséreuse de blocs Gutenberg.
Nouvelle catégorie «Design» dans l’inséreuse de blocs.

L’équipe Gutenberg a renommé et réorganisé les catégories de blocs. La nouvelle liste semble avoir plus de sens et est mieux consolidée en groupes appropriés:

  • Texte
  • Médias
  • Conception
  • Widgets
  • Intégré

Bien que je sois fan des nouveaux noms de catégories, je trouve les catégories inutiles à des fins pratiques à ce stade. Depuis que Gutenberg a abandonné l’interface à onglets dans l’inséreuse de blocs, il s’est senti comme un grand mur de blocs. Mes yeux sautent naturellement par les noms des catégories pendant que je défile et que je fais défiler la liste des blocs disponibles pour trouver le bloc dont j’ai besoin. J’utilise presque toujours des commandes de barre oblique pour insérer des blocs. Dans les cas où je ne le fais pas, ce n’est pas une expérience utilisateur idéale, et les nouvelles catégories n’aident pas beaucoup.

Sélectionnez le bloc parent

Survolant la barre d'outils de l'éditeur pour trouver le sélecteur de bloc parent.
Survolant la barre d’outils pour trouver le sélecteur de bloc parent.

L’une des expériences les plus frustrantes de Gutenberg est de tenter de sélectionner un bloc parent dans un scénario de blocs imbriqués. Trop souvent, les utilisateurs ont l’impression de cliquer au hasard dans l’espoir d’atteindre ce point idéal où ils peuvent réellement accéder au bloc dont ils ont besoin de modifier. C’est un exercice de frustration dans les meilleurs moments.

L’équipe Gutenberg a fait un pas – un petit pas – pour soulager cette douleur. Lorsque vous survolez le bouton «Modifier le type ou le style de bloc» dans la barre d’outils de l’éditeur, un nouveau bouton apparaît pour sélectionnez le bloc parent.

Je ne sais pas si c’est la bonne façon de gérer le problème. J’aimerais voir quelques expériences avec une sorte de bouton fléché qui apparaît sans planer. Pour l’instant, je suis convaincu que l’équipe tente de résoudre le problème et j’espère que les futures itérations amélioreront la navigation dans les blocs imbriqués.

Cette fonctionnalité ne semble pas fonctionner lorsque le mode de la barre d’outils supérieure est activé. Pour ceux qui utilisent ce mode, la meilleure façon de sélectionner un bloc parent est via la navigation du fil d’Ariane en bas de l’éditeur.

Contrôle d’espacement / de remplissage expérimental

Utilisation du nouveau contrôle de remplissage pour le bloc Cover.
Ajout d’un rembourrage personnalisé à un bloc Cover.

Les auteurs de thèmes peuvent désormais ajouter la prise en charge d’un contrôle expérimental du rembourrage via add_theme_support( 'experimental-custom-spacing' ). Lorsqu’il est pris en charge, l’utilisateur final verra un nouvel onglet Espacement sous la barre latérale d’options de bloc pour le bloc Couverture, qui devrait être disponible pour d’autres blocs à l’avenir. Par défaut, les utilisateurs peuvent contrôler le remplissage des quatre côtés d’un bloc avec une seule valeur. Ils peuvent également «dissocier» le rembourrage et contrôler individuellement les valeurs supérieure, inférieure, gauche et droite.

Vraisemblablement, l’équipe Gutenberg étendra cette fonction d’espacement pour inclure également un contrôle de marge. Ce serait le mouvement naturel et celui dans lequel j’espère que cela conduira à la mort du bloc Spacer avec lequel les utilisateurs ont dû vivre au cours des deux dernières années.

Cependant, je ne suis pas convaincu d’autoriser les utilisateurs finaux à contrôler le remplissage avec des valeurs explicites. La modification aléatoire des valeurs de remplissage rompra le rythme vertical que de nombreux auteurs de thèmes prennent le temps de calculer méticuleusement. Lorsque vous utilisez des valeurs de pixels (par défaut), les utilisateurs rencontreront très certainement des problèmes avec les tailles d’écran des tablettes et des mobiles. Essentiellement, cela créera un désordre complet d’espacement.

Je ne suis pas contre l’idée. Je veux que ce soit fait juste avant que cela arrive dans WordPress. Les auteurs de thèmes devraient être en mesure d’enregistrer des classes nommées gérées via la feuille de style. Cela remonte à l’idée que WordPress a un cadre de conception. Créez un ensemble de classes d’utilité pour l’espacement (oh, bonjour, Vent arrière). Laissez les auteurs de thèmes définir l’espacement en fonction de leur conception. Laissez les utilisateurs choisir parmi ceux-ci. Ensuite, fournissez une option personnalisée pour les moments où les utilisateurs veulent prendre les choses en main. À ce stade, ils ont explicitement décidé de rompre avec le flux de conception choisi par l’auteur du thème.

Couleurs des liens

Sélection d'une couleur de lien dans l'éditeur de blocs.
Sélection d’une couleur de lien personnalisée.

L’un des obstacles les plus difficiles que les auteurs de thèmes ont dû affronter lors du style de l’éditeur de blocs consiste à déterminer ce qu’il faut faire avec les couleurs des liens lorsque l’utilisateur modifie la couleur d’arrière-plan d’un bloc. Les utilisateurs contrôlent depuis longtemps la couleur du texte dans ce scénario. Cependant, les couleurs des liens pourraient rapidement devenir inaccessibles ou carrément laides. Les auteurs de thèmes avant-gardistes styliseraient ces couleurs de liens de manière à hériter de la couleur du texte, mais ce n’est pas toujours la solution idéale.

C’est là que couleurs de liens contrôlées par l’utilisateur entrer. Pour ajouter la prise en charge des couleurs de liens personnalisées, les auteurs de thèmes doivent activer la fonctionnalité via add_theme_support( 'experimental-link-color' ). Cela ajoutera un nouveau sélecteur de couleurs pour les blocs Paragraphe, En-tête, Groupe, Colonnes et Médias et texte.

Impossible de faire fonctionner cette fonctionnalité avec l’appel de fonction de prise en charge de thème, j’ai dû fouiller un peu dans le code pour trouver le problème. Pour que les auteurs de thèmes ajoutent la prise en charge des couleurs de lien, ils doivent également définir leurs liens par défaut, comme indiqué dans l’extrait de code CSS suivant:

a {
	color: var( --wp--style--color--link, #000 );
}

WordPress définira automatiquement la --wp--style--color--link variable. Pour plus de précision, les auteurs de thèmes peuvent également cibler .has-link-color a.


Source link

%d blogueurs aiment cette page :