Il y a quelques semaines, Munir Kamal a publié la version 2.6 de son Éditeur Plus Plugin WordPress. La dernière version n’ajoute pas une multitude de fonctionnalités comme ses utilisateurs l’ont vu dans le passé. Cependant, il introduit une mise à niveau majeure. La nouvelle version permet aux utilisateurs d’insérer des modèles à partir de Hub de Gutenberg bibliothèque croissante directement à partir de l’éditeur de blocs.

J’ai d’abord demandé à Kamal s’il inclurait un inséreur de gabarit dans son plugin en juillet 2020. «J’inclurai peut-être un inséreur direct pour les gabarits et les blocs dans le plugin Editor Plus», avait-il dit à l’époque, ne donnant pas trop.

Il venait de lancer Bibliothèque de blocs de Gutenberg Hub (vraiment, quelque chose de plus proche des motifs de bloc). Le système était utile mais loin d’être parfait. Les utilisateurs peuvent copier un extrait de code JSON et l’importer via Editor Plus. Il s’agissait d’une légère amélioration par rapport à la copie d’extraits de code HTML et CSS séparés d’une itération antérieure d’un système de gabarit de bloc il avait lancé en mars dernier. Ce n’était toujours pas un système idéal, mais quiconque y prêtait attention pouvait voir les possibilités.

Au cours des mois qui ont suivi ce lancement, Kamal a continué à intégrer davantage d’outils dans Editor Plus. Il a lancé un autre répertoire de modèles de page de destination. Et, il a continué à ajouter plus d’articles à la bibliothèque de Gutenberg Hub.

«Je travaille déjà sur l’ajout d’un Template Inserter dans mon plugin EditorPlus», a-t-il déclaré lors de notre discussion en septembre. “Cela permettra aux utilisateurs de parcourir et d’insérer ces modèles directement à partir de Gutenberg sans quitter le site Web.”

Je le traquais déjà depuis des mois, et il savait que je demanderais. Il cherchait des commentaires, ne voulant pas pousser quelque chose avant de sentir que cela fonctionnait.

«Auparavant, j’avais créé un inséreur de modèles similaire à d’autres plugins de blocs, mais plus tard, j’ai changé d’avis et j’ai pensé que je devrais intégrer l’API Gutenberg Patterns et charger les modèles dans le panneau ‘patterns’ de l’inséreur de blocs», a-t-il déclaré. “Mais, j’ai quelques problèmes et je pense à revenir à l’idée originale d’avoir un bouton Modèles dans la barre d’outils supérieure qui ouvre une fenêtre contextuelle pour parcourir et filtrer les modèles que les utilisateurs peuvent insérer en un clic.”

C’était un processus presque méthodique pour construire un énorme corpus d’œuvres en un an. Comme c’est souvent le cas avec le travail de Kamal, il a tranquillement sorti la version 2.6 de son plugin. Même sans trop de fanfare, il a réussi à dépasser les 4000 installations actives, doublant son nombre au cours des derniers mois.

Désormais, tous les utilisateurs du plugin ont un accès direct aux modèles de section et aux modèles de page de destination de Gutenberg Hub.

La bibliothèque de modèles

Editor Plus 2.6 ajoute un nouveau bouton «Bibliothèque» à la barre d’outils d’en-tête de publication de l’éditeur de blocs. Il affiche une simple superposition des choix de mise en page du plugin.

Les utilisateurs peuvent insérer un «modèle» ou un «modèle», comme ils sont appelés via l’interface utilisateur du plugin. Les modèles sont des sections préconçues que les utilisateurs finaux peuvent utiliser pour assembler des mises en page plus grandes. Les modèles sont des conceptions de page complètes, prêtes à être déployées après la personnalisation du contenu. De nombreux modèles sont présents dans les modèles. Tout se résume à la façon dont les utilisateurs veulent créer leurs pages – au coup par coup ou tout en place.

Modale de la bibliothèque du plugin Editor Plus.
Modal montrant les modèles de blocs.

Bien sûr, tout est modifiable. Les utilisateurs peuvent insérer un modèle puis procéder à la suppression des bits dont ils n’ont pas besoin et à l’ajout de blocs personnalisés de leur choix.

La superposition qui apparaît après avoir cliqué sur le bouton Bibliothèque permet aux utilisateurs de sélectionner un motif ou un modèle. Cette méthode est de plus en plus courante parmi les plugins liés aux blocs. Là où le projet Gutenberg a pris du retard dans son interface utilisateur de modèles, les auteurs de plugins comblent les lacunes et créent de meilleures expériences utilisateur. Genesis Blocks, par exemple, ajoute un superposition pour choisir les mises en page. Les motifs, les modèles, les mises en page ou tout ce que vous voulez appeler ont tous besoin d’espace pour respirer au lieu d’être relégués à un menu volant restreint en largeur. Ce qui a du sens sur mobile ne crée pas toujours une expérience idéale sur des écrans plus grands.

Sélection d'un modèle lié à la photographie via le plugin WordPress Editor Plus.
Affichage d’un modèle de photographie.

Une fois qu’un utilisateur trouve un motif ou un modèle à insérer, il peut cliquer dessus pour afficher une version plus grande. S’ils sont satisfaits, il leur suffit de cliquer sur le bouton «Ajouter» pour l’insérer dans le canevas de contenu.

Une mise en garde importante est que ce que vous voyez dans la bibliothèque n’est pas exactement ce que vous obtiendrez. La bibliothèque utilise des captures d’écran pour présenter les motifs et les modèles. Ces images sont créées en utilisant un thème différent de celui qu’un utilisateur particulier a installé sur son site. Des choses comme les polices correspondront à n’importe quel thème installé. D’une manière générale, les conceptions globales devraient bien correspondre.

À l’avenir, Editor Plus gérera peut-être les aperçus de modèles et de modèles avec des instances en direct au lieu de captures d’écran.

Insertion d'un modèle lié à l'alimentation d'Editor Plus dans l'éditeur de blocs.
Modèle d’atterrissage complet de type café.

Le plugin divise sa bibliothèque en 15 catégories, telles que les arts et le divertissement, la photographie et l’immobilier. C’est presque un peu excessif. Certains ne contiennent qu’un ou deux modèles. La combinaison de catégories telles que les services à domicile, les services professionnels et la vente au détail dans un groupe d’activités englobant pourrait aider trop de choix.

La nouvelle bibliothèque dans Editor Plus 2.6 est un ajout bienvenu. Dans l’ensemble, cela a bien fonctionné lors des tests.


Source link