Gutenberg 10.7 a atterri hier. En quelques heures, l’équipe de développement a également publié la version 10.7.1 du plugin avec quelques corrections de bugs. La dernière mise à jour se concentre principalement sur les travaux qui devraient atterrir dans WordPress 5.8 en juillet.

La date limite de gel des fonctionnalités pour le cycle de développement WordPress actuel est passée mardi. Cela devrait signifier qu’aucune nouvelle fonctionnalité au-delà de Gutenberg 10.7 ne sera intégrée à la plate-forme principale. WordPress 5.8 Beta 1 est prévu pour le 8 juin.

Cette version donne l’impression que l’équipe a peaufiné l’interface et l’expérience pour le mieux. Les utilisateurs peuvent également s’attendre à plusieurs améliorations, telles que des options de conception de blocs supplémentaires.

Intégration du répertoire des modèles de blocs

Gutenberg maintenant sert ses modèles de bloc par défaut via le répertoire des modèles sur WordPress.org. Cela déplace leur développement en dehors du plugin et du cœur de WordPress, ce qui signifie que les concepteurs peuvent les itérer sans qu’un utilisateur ait besoin de mettre à jour. Ils auront toujours la dernière version disponible auprès de l’éditeur.

Éditeur WordPress avec inserteur de motifs.
Insertion d’un motif dans le canevas de contenu.

le répertoire de modèles sera un outil pratique pour les utilisateurs finaux. Pour beaucoup, cela servira probablement de chemin vers la création de mises en page plus complexes dans l’éditeur WordPress. Pour le moment, il ne contient que 10 motifs. Cela changera après son ouverture aux soumissions de la communauté.

Shaun Andrews a partagé certains des travail de conception pour l’annuaire, et c’est beau. J’ai hâte de voir le résultat final au lancement.

Répertoire de modèles avec un grand en-tête de héros et une grille de modèles.
Travaux récents sur le répertoire des modèles de blocs.

Une note latérale sur les modèles de bloc: il y a actuellement un bogue qui peut causer certains de ceux-ci regroupé avec des thèmes pour ne pas apparaître dans l’inséreuse.

Nouveaux contrôles de conception de bloc

La version 10.7 introduit plusieurs nouveaux contrôles de conception pour les blocs. La caractéristique la plus excitante pour beaucoup sera contrôles de marge pour un contrôle plus précis de l’espacement. Les auteurs de thèmes doivent définir le settings.spacing.customMargin la clé de true dans leurs theme.json fichiers pour l’activer.

Actuellement, seul le Titre du site et Slogan du site les blocs prennent en charge les contrôles de marge. Cependant, maintenant que la fonctionnalité initiale est arrivée, nous devrions nous attendre à ce que d’autres emboîtent le pas dans les versions futures.

Modification des blocs Titre du site et Slogan dans l'éditeur WordPress.
Contrôles d’espacement et de typographie pour le titre et le slogan

Le bloc Titre du site a également commandes de typographie en majuscule.

L’équipe de développement a mis à niveau le bloc Colonne avec quelques nouvelles options. Les utilisateurs peuvent désormais personnaliser rembourrage et couleurs pour les colonnes individuelles.

Modification de l'espacement et des couleurs des blocs de colonnes dans l'éditeur WordPress.
Personnalisation des colonnes individuelles.

L’une des améliorations les plus discrètes est l’une de mes modifications préférées. Le bloc Média & Texte a reçu un nouveau Option de bloc « largeur du support » dans la barre latérale. Cela rend l’obtention de la largeur correcte une bien meilleure expérience que l’utilisation de la poignée de glissement dans le canevas de contenu.

Dans l'éditeur WordPress, ajuster la largeur du média pour le bloc Média & Texte.
Ajustement de la largeur du support dans le bloc Média & Texte

Je peux commencer à utiliser ce bloc plus maintenant. J’avais hésité à m’en éloigner pour tout cas d’utilisation au-delà des paramètres de largeur par défaut.

Une autre amélioration bienvenue est Couverture ajoutée en tant que transformation option pour le bloc Groupe. Il n’apparaîtra que si le bloc a un arrière-plan.

Guide de bienvenue de l’éditeur de modèles

Message de bienvenue superposé à la nouvelle fonctionnalité de l'éditeur de modèles.
Message de bienvenue pour l’éditeur de modèles.

Le mode d’édition de modèle sera l’une des fonctionnalités les plus mises en évidence pour WordPress 5.8. Il permet aux utilisateurs de passer de l’édition de contenu à l’édition de modèles sans jamais quitter l’écran de publication. Par conséquent, les utilisateurs auront besoin d’un guide de bienvenue pour expliquer la nouvelle fonctionnalité.

Actuellement, le message se lit comme suit:

Bienvenue dans l’éditeur de modèles

Les modèles expriment la mise en page du site. Personnalisez tous les aspects de vos articles et pages à l’aide des outils de blocs et de modèles.

C’est un point de départ solide, mais il n’explique pas complètement en quoi consiste ce mode. Je m’attends à ce que l’équipe de développement adoucisse un peu les choses, peut-être ajouter une ou deux diapositives supplémentaires, ou même un lien vers une page de documentation dédiée sur WordPress.org. Aider les utilisateurs à partir du bon pied avec cette nouvelle fonctionnalité devrait atténuer la confusion et alléger le fardeau du support.

Il existe actuellement un appel ouvert aux volontaires pour fournir des commentaires sur l’éditeur de modèles lors de la création d’une page de destination de type portfolio (voir mes résultats). Assurez-vous de vous impliquer si vous pouvez épargner une demi-heure ou plus.

Boutons bloquent les utilisations column-gap

Quatre blocs de boutons alignés dans l'éditeur WordPress avec un espacement correct.
Espace entre les boutons.

Il s’agit davantage d’une note de développeur de thème, mais certains utilisateurs ont peut-être remarqué que des lignes de boutons ne s’étendent pas jusqu’au bord de leur conteneur. Dans certaines situations, au moins.

Essentiellement, l’espace entre les blocs de boutons individuels utilisait un peu une solution de marge CSS à l’ancienne pour créer l’espace de gouttière entre chacun. Dans le monde moderne des dispositions flexibles et quadrillées, c’est quelque chose que la plupart des concepteurs redoutent de voir. Cela complique les choses et rend le CSS plus gonflé, en particulier si vous souhaitez effectuer des ajustements en fonction de la taille de l’écran.

Je souligne ce changement parce que c’est l’une de ces étapes où le système de bloc est de plus en plus poli sous le capot. Et cela pourrait être le début de choses plus excitantes à venir pour les auteurs de thèmes.

« C’est génial, c’est beau, les amateurs vont adorer, » a écrit Joen Asmussen dans le billet. « À un moment donné, une fois la poussière retombée, nous devrions voir si cet écart pourrait devenir une propriété de styles globale ; puisqu’il est si facile à changer et résilient, ce serait bien de le gérer d’une manière aussi soignée.

C’est un plaisir de voir l’utilisation de column-gap atterrir dans le plugin. Bien sûr, il pourrait utiliser row-gap pour l’espacement vertical au lieu des marges dans les cas où les boutons s’étendent au-delà d’une seule ligne.

Maintenant, pouvons-nous faire la même chose pour les blocs Colonnes, Galerie et Boucle de requête? La normalisation du système pour les gouttières/espaces entre les éléments flexibles peut économiser des dizaines et des dizaines de lignes de code à long terme.


Source link