Gutenberg 13.0 ajoute une sélection de texte sur plusieurs blocs, une nouvelle variation de groupe de piles et des blocs de couverture en vedette : WP Tavern

Gutenberg 13.0 a atterri plus tôt dans la journée dans le répertoire des plugins WordPress. C’est l’une des versions les plus lourdes de ces derniers temps, contenant les dernières fonctionnalités qui devraient être livrées avec WordPress 6.

0. Les fonctionnalités les plus importantes incluent la sélection de texte partiel multi-blocs, les blocs de couverture avec des images en vedette, une variante de pile pour les groupes et la création de pages basées sur des modèles. Et il y a bien plus à creuser.

J’ai couvert de nombreux articles coûteux dans cet article. Cependant, pour comprendre toute l’ampleur de la sortie, consultez les billets liés dans l’annonce de sortie de Gutenberg 13.0.

Parmi les autres points forts notables, citons la prise en charge de l’espacement pour le bloc Colonne, l’optimisation des polices Web, les bichromies pour les espaces réservés du logo du site et de l’image en vedette, et les alignements verticaux pour les blocs avec des contrôles flexibles.

Sélection partielle de texte

Sélection de texte sur deux blocs. Les utilisateurs peuvent désormais sélectionner du texte dans plusieurs blocs de texte enrichi, tels que Paragraphe, Titre, Liste et Citation.

Dans le passé, la mise en surbrillance d’un texte partiel créait automatiquement une sélection multi-blocs, ce qui n’est généralement pas souhaitable. La modification prend en charge l’appui sur la touche Entrée pour supprimer le texte sélectionné et créer un nouveau bloc, Backspace pour supprimer et fusionner en arrière, et Del pour supprimer et fusionner en avant. La saisie remplacera le texte sélectionné par la nouvelle entrée.

J’ai couvert cette nouvelle fonctionnalité dans un article détaillé le mois dernier.

Variations de pile et de groupe

Bloc de groupe suivi de variations de rangée et de pile. Gutenberg 13.

0 introduit une nouvelle variante Stack pour le bloc Group. La modification crée trois variantes au total, en comptant la sortie par défaut et la ligne. À première vue, Stack et le bloc Group par défaut peuvent ne pas sembler très différents.

Après tout, ce sont tous deux des conteneurs pour le contenu empilé verticalement. Cependant, la variante Stack est techniquement une boîte flexible plutôt qu’une disposition de flux. Je ne sais pas comment cela se passera pour les utilisateurs finaux qui ne comprendront peut-être pas immédiatement la distinction.

Cependant, cela devrait être un outil bienvenu pour créer des mises en page plus avancées dans les thèmes. La variante Stack encapsule entièrement tous les blocs imbriqués, désactivant leurs contrôles d’alignement (par exemple, aligner à droite, aligner en largeur, etc.).

Cependant, la pile elle-même a des contrôles de justification pour aligner le contenu à gauche, à droite et au centre. Variation de pile avec le contenu justifié à droite. Un paramètre qui peut sembler peu clair est le contrôle intitulé « Autoriser le retour à la ligne sur plusieurs lignes ».

Il existe au moins un cas d’utilisation potentiel pour cela. Il est possible qu’une mise en page empilée soit également horizontale si une hauteur est définie. Cependant, aucun contrôle de hauteur de ce type n’est actuellement affiché dans l’interface utilisateur.

La variation Row est également beaucoup améliorée lors de sa première insertion. Il y a maintenant un indicateur clair que les blocs nouvellement insérés sont disposés horizontalement. Parallèlement à la sélection de texte partielle, les utilisateurs peuvent rapidement placer les blocs sélectionnés dans un groupe, une ligne ou une pile via la barre d’outils.

Bloc de couverture + image en vedette

Utilisation d’une image en vedette à l’intérieur du bloc de couverture pour les en-têtes de publication uniques. Il y a maintenant une nouvelle bascule « Utiliser l’image sélectionnée » dans la barre d’outils lors de l’insertion d’une couverture dans l’éditeur. L’activer lie les données d’image au bloc.

Parfois, il est difficile de choisir des favoris lorsque de nouvelles fonctionnalités arrivent aussi vite qu’on peut les tester. Cependant, l’utilisation d’images en vedette dans les blocs de couverture est facilement l’une des choses qui me passionnent le plus. J’ai déjà beaucoup d’idées qui tournent dans ma tête, dont j’ai partagé quelques-unes lors de la couverture de cette fonctionnalité la semaine dernière.

Je suis impatient de voir ce que les auteurs de thèmes et les utilisateurs en font. Cela ouvre un tout nouveau monde de possibilités de mise en page pour les thèmes de blocs.

Variations globales de style

Variations globales de style clair et foncé dans la barre latérale.

Le travail se poursuit pour étoffer la fonctionnalité de variations de style globales. Lancé pour la première fois avec Gutenberg 12.5, il permet aux auteurs de thèmes de fournir plusieurs fichiers /styles/*.

json entre lesquels les utilisateurs peuvent basculer. Il s’agit essentiellement d’un sélecteur de « skins » spécifique au thème. La mise à jour prend en charge un nouveau champ de titre dans les fichiers JSON pour une étiquette conviviale.

Sinon, il revient au nom de fichier sans l’extension. Lorsqu’un utilisateur survole une carte de style dans l’interface utilisateur, il la retourne pour révéler le titre et d’autres couleurs disponibles pour la variation. Malheureusement, la version inversée de la boîte tire les quatre premières couleurs définies par le thème.

Cela peut parfois se traduire par une vitrine agréable et propre de la variation. Il peut également s’agir d’une horreur qui ne fournit aucune information utile à l’utilisateur sur le style lui-même. Les auteurs de thèmes peuvent contrôler cela en mettant en place leurs définitions de couleurs dans leurs fichiers *.

json. Mais, c’est un hack, au mieux. Parce que cette méthodologie n’est pas officielle, il n’y a aucune garantie qu’elle fonctionnera à l’avenir.

De plus, c’est un moyen rapide de créer du code désorganisé pour ceux qui aiment garder les choses en ordre.

Nouveaux composants de contrôle aux frontières

Définition des bordures de blocs individuels. Gutenberg 13.

0 a introduit de nouveaux composants BorderControl et BorderBoxControl. Il s’agit d’une refonte de l’implémentation précédente de l’outil de conception de frontières. Il permettra éventuellement aux utilisateurs de définir la largeur, le style et la couleur de la bordure des quatre côtés pour les blocs qui optent pour la prise en charge des bordures.

De plus, les auteurs de thèmes auront le même niveau de contrôle fin via theme.json. Bien que les nouveaux composants soient disponibles dès maintenant, la prise en charge des blocs n’est pas prévue avant Gutenberg 13.

1. Techniquement, il est déjà fusionné avec la version de développement du plugin.

Créer de nouvelles pages avec des motifs

Modèle modal lors de l’ajout d’une nouvelle page.

La création de mises en page complexes est devenue plus simple. Lors de l’ajout d’une nouvelle page, un modal apparaît sur l’écran. Il permet aux utilisateurs de sélectionner dans une liste de modèles de « contenu » à insérer dans la page.

Cela peut être aussi simple que quelques blocs pour créer une mise en page à propos/profil. Ou, il peut s’agir d’une conception complète de la première page. A partir de là, les utilisateurs peuvent personnaliser les parties spécifiques à leurs sites.

Cette fonctionnalité repose sur l’enregistrement par les auteurs de thèmes de modèles personnalisés pour le type de bloc principal/post-contenu. Sinon, les utilisateurs ne verront que l’éditeur par défaut. Les thématistes devraient commencer à expérimenter comment ils peuvent présenter cette nouvelle fonctionnalité lorsqu’elle débarquera aux côtés de WordPress 6.

0 le mois prochain.

La boucle de requête de commentaires remplace le bloc de commentaires de publication

Bloc de boucle de requête de commentaires dans l’éditeur de site. Le bloc Post Comments existant a été abandonné au profit de la nouvelle boucle de requête de commentaires et des blocs associés.

Cela fonctionnera toujours, comme avec les autres blocs obsolètes. Cependant, il n’apparaîtra pas dans l’inséreuse. Commentaires Query Loop offre une bien meilleure expérience de conception et d’utilisation.

Cependant, il n’a pas encore la parité des fonctionnalités avec la solution qu’il remplace, du moins dans Gutenberg 13.0. Certains des problèmes que j’ai notés dans ma couverture précédente, tels que l’ID de commentaire et les classes manquants, ont déjà été résolus dans le tronc.

Cependant, il n’y a pas encore de solution pour le titre « X répond au message ». Je m’attends à ce que cela et les rides restantes soient aplanies dans les semaines à venir. Cependant, les auteurs de thèmes qui s’appuient sur l’avant-garde doivent être conscients des problèmes existants.