Version 7.8 du plugin Gutenberg a atterri hier. L’équipe continue d’améliorer l’éditeur avec le travail d’interface actualisé qui a commencé en version 7.7. La fonctionnalité la plus utile avec cette mise à jour du plugin est l’inclusion de l’API Patterns pour les développeurs de plugins et de thèmes.

Cette version n’est pas la version massive des fonctionnalités que nous avons connue avec certaines versions antérieures. C’est l’aboutissement de nombreuses petites améliorations, en particulier avec l’amélioration de l’interface utilisateur et de l’expérience. La mise à jour comprend plus de 20 corrections de bogues, des travaux continus sur des fonctionnalités expérimentales comme l’éditeur de site et plusieurs améliorations de la qualité du code.

Modification d’un permalien de publication sans exiger une sauvegarde devrait fonctionner correctement, ce qui est un problème en suspens depuis plus d’un an. Les utilisateurs peuvent désormais sélectionner plusieurs catégories pour le dernier bloc de messages par opposition à une seule catégorie. Et, la fonction d’édition expérimentale du site complet maintenant prend en charge le mode plein écran.

L’interface utilisateur continue de s’améliorer

Capture d'écran de l'interface utilisateur de l'éditeur dans la version 7.8 du plugin Gutenberg.
Éditeur Gutenberg 7.8 avec bouton d’aperçu mis à jour.

L’équipe a commencé une actualisation massive de l’interface utilisateur dans Gutenberg 7.7. Avec cette version, ils ont continué à s’appuyer sur ce travail initial. Les concepteurs ont affiné plusieurs des icônes pour la barre d’outils de l’éditeur, qui comprend les icônes gras, italique, barré, indenté, en retrait et d’espacement.

L’une des différences les plus notables est la mise à jour du texte utilisateur pour le bouton de prévisualisation de la publication. Dans la version précédente, il y avait un bouton qui disait simplement «Bureau». Une fois cliqué, il ouvrirait une liste déroulante pour prévisualiser la publication en mode bureau, tablette ou mobile. J’avais d’abord pensé que l’équipe avait supprimé l’option de prévisualisation du message jusqu’à ce que je clique dessus. Dans la version 7.8, le texte de ce bouton indique désormais «Aperçu», ce qui est une modification indispensable qui ne prête plus à confusion.

Dans l’ensemble, le travail de polissage effectué sur l’éditeur semble bon. À ce stade, je m’y suis tellement habitué que je n’ai aucune envie de revenir à une installation WordPress régulière sans le plugin Gutenberg installé.

Création de modèles de blocs personnalisés

Capture d'écran d'un modèle de bloc personnalisé dans l'éditeur de blocs de Gutenberg.
Modèle de bloc personnalisé enregistré et utilisé.

Je l’ai déjà dit, mais il convient de le répéter: je suis enthousiasmé par les modèles de blocs. Je suis encore plus enthousiasmé par la possibilité pour les auteurs de plugins et de thèmes de commencer à tester cette fonctionnalité en créant leurs propres modèles personnalisés. Je prévois une explosion de créativité au cours des prochains mois et au-delà.

Les modèles sont un enregistrement du code HTML pour un ou plusieurs blocs. Les auteurs de plugins et de thèmes peuvent en outre définir les paramètres de ces blocs. L’équipe Gutenberg a inclus une fonction PHP simple pour les développeurs de enregistrer des modèles personnalisés appelé register_pattern().

J’ai bricolé de nombreuses idées de modèles depuis que j’ai mis à jour hier soir. La façon la plus simple de créer un motif est de le faire visuellement. Ouvrez l’éditeur et créez un groupe unique de blocs que vous aimez. Ensuite, passez à l’éditeur de code et copiez le code. À partir de là, vous pouvez enregistrer le modèle via PHP et coller le code copié. Il n’y a pas vraiment beaucoup de codage réel impliqué dans le processus. Même les utilisateurs avancés avec suffisamment de grain de bricolage pourraient les enregistrer dans leur thème functions.php fichier.

Ce qui suit est un simple motif de “héros” comme le montre la capture d’écran ci-dessus qui utilise le bloc de couverture, un en-tête, un paragraphe et un groupe de boutons (j’ai formaté le code un peu après l’avoir copié et collé pour plus de lisibilité):

add_action( 'init', function() {

	register_pattern( 'tavern/hero-1', [
		'title'   => __( 'Hero 1' ),
		'content' =>
			'
			

Heading Title Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

' ] ); } );

Avertissement: Le code précédent est pour une fonctionnalité expérimentale et pourrait changer dans les versions ultérieures du plugin Gutenberg ou avant que l’API soit officiellement ajoutée au noyau WordPress.



Source link
%d blogueurs aiment cette page :