Hier, l’équipe de Gutenberg publié la version 8.3 du plug-in en cours d’exécution derrière l’éditeur de blocs. Bien que l’objectif principal de l’équipe soit la prochaine modification complète du site, cette mise à jour comprend plusieurs fonctionnalités liées aux utilisateurs, telles que: Par exemple, un ensemble réorganisé de catégories de blocs, une sélection de bloc parent, un contrôle d’espacement et des options de couleur de lien.

Une amélioration mineure implique la capacité à Filtrer le bloc Messages récents par auteur. Le nivellement du bloc de titre a également changé. Au lieu de sélectionner le calque dans la barre latérale Options de bloc, il y a maintenant le sélecteur de calque se trouve dans la barre d’outils de l’éditeur.

Dans Gutenberg 8.2, vous les rencontrerez Enter Un nouveau paragraphe a été créé en entrant la clé dans le champ de description d’un bloc d’image. En 8.3, cette fonction était étendu à tous les blocs avec des étiquettes.

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 du coussin, peuvent être préoccupants. Les auteurs du sujet 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 Les catégories de bloc ont été renommées et réorganisées. La nouvelle liste semble avoir plus de sens et peut être mieux résumée en groupes appropriés:

  • texte
  • médias
  • conception
  • Widgets
  • Embeddings

Bien que je sois fan des nouveaux noms de catégories, je ne trouve pas les catégories inutiles pour le moment. Depuis que Gutenberg a placé la surface à onglets dans l’inséreuse de blocs, cela ressemble à un grand mur de blocs. Mes yeux sautent naturellement les noms de catégories lorsque je fais défiler et faire défiler et faire défiler la liste des blocs disponibles pour trouver le bloc particulier dont j’ai besoin. J’utilise presque toujours des barres obliques 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.

Choisissez le bloc Parents

Déplacez le pointeur de la souris sur la barre d'outils de l'éditeur pour trouver la sélection de bloc parent.
Déplacez le pointeur de la souris sur la barre d’outils pour trouver la sélection de bloc parent.

L’une des expériences les plus frustrantes de Gutenberg consiste à essayer de choisir un bloc parent dans un scénario de bloc imbriqué. Trop souvent, les utilisateurs ont l’impression de cliquer au hasard dans l’espoir d’atteindre le point idéal où ils peuvent réellement accéder au bloc qu’ils doivent modifier. C’est un exercice de frustration dans le meilleur des cas.

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

Je ne suis pas sûr que ce soit la bonne façon de résoudre le problème. J’aimerais voir des expériences avec une sorte de flèche qui apparaît sans planer. Pour l’instant, je suis heureux 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 d’utiliser le fil d’Ariane en bas de l’éditeur.

Contrôle expérimental de la distance / du rembourrage

Utilisez la nouvelle commande de rembourrage pour le bloc de recouvrement.
Ajout d’un rembourrage personnalisé à un bloc de couverture.

Les auteurs de sujets peuvent désormais en ajouter un contrôle expérimental du rembourrage dessus add_theme_support( 'experimental-custom-spacing' ). S’il est pris en charge, l’utilisateur final verra un nouvel onglet Espacement sous la barre latérale Options de bloc pour le bloc de 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. Vous pouvez également supprimer le remplissage et contrôler individuellement les valeurs supérieure, inférieure, gauche et droite.

Vraisemblablement, l’équipe de Gutenberg ajoutera également un contrôle des bords à cette fonction de distance. Ce serait une étape naturelle qui, je l’espère, mènera à la mort du bloc d’espacement avec lequel les utilisateurs ont dû vivre ces dernières années.

Cependant, je ne suis pas convaincu de donner aux utilisateurs finaux la possibilité de contrôler le remplissage avec des valeurs explicites. La modification aléatoire des valeurs de remplissage interrompt le rythme vertical, que de nombreux auteurs de sujets prennent le temps de calculer soigneusement. Lorsque vous utilisez des valeurs de pixels (par défaut), vous êtes sûr d’avoir des problèmes de taille d’écran sur les tablettes et les appareils mobiles. Essentiellement, il y aura un désordre complet d’espacement.

Je ne suis pas contre l’idée. Je veux que cela soit fait juste avant que cela n’arrive dans WordPress. Les auteurs de sujets doivent pouvoir enregistrer des classes nommées qui seront traitées via la feuille de style. Cela revient à l’idée que WordPress était un Cadre de conception. Créez une série de classes utilitaires d’espacement (oh, bonjour, Vent arrière). Laissez les auteurs du sujet définir l’espacement en fonction de leur conception. Laissez les utilisateurs choisir parmi ceux-ci. Ensuite, fournissez une option personnalisée lorsque les utilisateurs veulent prendre les choses en main. À ce stade, ils ont pris la décision explicite de rompre avec le flux de conception choisi par l’auteur du sujet.

Lier les couleurs

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

L’un des obstacles les plus difficiles auxquels les auteurs ont été confrontés lors de la mise en forme de l’éditeur de blocs consiste à déterminer ce qu’il faut faire avec les couleurs des liens lorsque l’utilisateur change la couleur d’arrière-plan d’un bloc. Dans ce scénario, les utilisateurs contrôlaient la couleur du texte pendant longtemps. Cependant, les couleurs des liens peuvent rapidement devenir inaccessibles ou carrément laides. Les rédacteurs de sujets avant-gardistes concevraient ces couleurs de lien pour hériter de la couleur du texte, mais ce n’est pas toujours la solution idéale.

C’est là que Couleurs des liens contrôlés par l’utilisateur Entrez. Pour ajouter la prise en charge des couleurs de lien personnalisées, les auteurs de rubrique doivent décider de la fonctionnalité add_theme_support( 'experimental-link-color' ). Cela ajoutera un nouveau sélecteur de couleur pour les blocs Paragraphe, En-tête, Groupe, Colonnes et Médias et Texte.

Étant donné que cette fonction ne fonctionne pas avec l’appel de fonction à l’appui du sujet, j’ai dû creuser un peu de code pour trouver le problème. Pour que les auteurs de rubriques puissent ajouter 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 l’utilise automatiquement --wp--style--color--link Variable. Pour plus de spécificité, les auteurs de sujets peuvent également procéder de manière ciblée .has-link-color a.



Source link

Recent Posts