EditorPlus présente ses premiers blocs et ajoute un créateur de blocs personnalisés

Dans ce qui semble être un assaut sans fin de nouvelles fonctionnalités, Munir Kamal a publié quelques nouvelles fonctionnalités majeures pour son plugin EditorPlus dans les deux dernières mises à jour. La version 2.0, qui a atterri plus tôt dans la journée, comprend un ensemble de sept nouveaux blocs. La version précédente présentait une fonctionnalité de création de bloc qui met davantage d'options de personnalisation entre les mains des utilisateurs finaux.

L'éditeur de blocs a alimenté sa créativité et il n'est pas à court d'idées pour son site Web de partage de blocs GutenbergHub ou son plugin EditorPlus. Les prochaines versions devraient voir une refonte de l'interface utilisateur du plugin et une éventuelle API pour les développeurs tiers.

Il a déclaré qu'il s'assurerait qu'EditorPlus travaille aux côtés de l'éditeur de site de WordPress lorsqu'il arrivera dans le futur. De plus, la prise en charge éventuelle des blocs de WooCommerce est sur la table. Pour l'instant, l'accent est mis sur les fonctionnalités du plugin qu'il a lancées ces dernières semaines.

Création de blocs personnalisés

Avec l'ensemble de blocs de base de WordPress déjà entre les mains des utilisateurs, presque tout est déjà possible. Ces blocs couvrent essentiellement tous les éléments fondamentaux de la conception Web, tels que les titres, les paragraphes, les listes, les citations, etc. Parfois, l'astuce pour construire quelque chose d'unique est de mélanger et d'assortir ces éléments pour créer quelque chose de nouveau. C'est essentiellement ce qu'est cette nouvelle fonctionnalité de création de bloc pour EditorPlus.

L'enregistrement d'un bloc personnalisé est simple. Les utilisateurs doivent d'abord encapsuler leurs blocs dans un bloc de groupe principal. Ensuite, dans le menu "Plus d'options" de la barre d'outils du bloc, sélectionnez l'option "Ajouter aux blocs personnalisés". Le plugin demandera un titre de bloc avant d'enregistrer.

À ne pas confondre avec les blocs réutilisables, qui sont des ressources qui restent les mêmes d'un poste à l'autre, les blocs créés sont comme tous les autres blocs. Ils sont accessibles via l'outil d'insertion de blocs dans la catégorie "Mes blocs personnalisés".

Il manque quelques détails mineurs qui seraient d'excellents ajouts à long terme. La première est la possibilité de sélectionner une icône personnalisée pour le bloc. Actuellement, tous les blocs personnalisés partagent une icône. La seconde est la possibilité d'ajouter un aperçu dans l'outil d'insertion de blocs.

Kamal a construit cette fonctionnalité pour que les utilisateurs finaux puissent créer eux-mêmes des blocs simples. C'est également un outil permettant aux développeurs de créer rapidement des blocs pour les sites Web des clients.

"Par exemple, presque tous les sites Web d'entreprises ont besoin d'un bloc Témoignage, mais il n'y en a pas un dans le noyau à cette fin précise", a-t-il déclaré. "Bien sûr, vous pouvez le créer en utilisant la combinaison de blocs de base, et c'est la façon de le faire. J'ai vu de nombreux plugins de blocs apporter des blocs tels que Témoignage, Équipe, Tarification, etc., mais ceux-ci peuvent être facilement créés avec des blocs de base.

Il a déjà montré à la communauté jusqu'où vous pouvez étendre les blocs de base pour créer des mises en page uniques avec ses bibliothèques de blocs et de modèles. Ainsi, il n'est pas impossible que les utilisateurs puissent créer certaines de ces choses directement à partir de l'éditeur.

Le créateur de bloc semble être mieux géré en tant que créateur de modèle de bloc. Essentiellement, les utilisateurs créent des modèles personnalisés, qui sont des regroupements de blocs. Kamal a déclaré qu'un créateur de motifs figurait également sur la liste des tâches.

"Comme Gutenberg a ces deux éléments à utiliser pour créer du contenu/des mises en page, j'ajouterai les deux fonctionnalités", a-t-il déclaré. "Enregistrer en tant que bloc a été ajouté, "enregistrer en tant que modèle" sera également ajouté. Il appartiendra à l'utilisateur d'utiliser ce qu'il veut en fonction de son flux de travail.

Je penche pour m'en tenir au paradigme de modèle existant, une fonctionnalité unique qui gère des groupes de blocs. Cependant, il sera intéressant de voir ce que les utilisateurs préfèrent. À long terme, ce qui compte le plus, c'est qu'ils aient facilement accès aux outils dont ils ont besoin pour créer leurs pages.

Les blocs "manquants"

Plus tôt dans la journée, Kamal a publié ce qu'il appelle les blocs "manquants" pour WordPress. Il s'agit d'un ensemble de sept blocs personnalisés qui gèrent des types de contenu impossibles avec les blocs de base existants. Dans le passé, il a hésité à créer des blocs, préférant étendre les outils fournis par WordPress.

"Mon idée originale et toujours est d'étendre Gutenberg pour ce qui manque et de le rendre plus puissant pour créer de beaux designs visuellement sans code", a-t-il déclaré. "Et, après avoir créé des centaines de modèles/conceptions, j'ai réalisé le besoin de certains blocs manquants importants qui sont le plus couramment utilisés dans les constructeurs de sites Web mais qui manquent dans Gutenberg. Je n'ajoute donc que les blocs manquants dans EditorPlus, qui doivent être nécessaires pour créer des conceptions modernes et qui ne peuvent pas être créés facilement à l'aide d'une combinaison de blocs de base. Par exemple, un bloc d'onglets, un bloc accordéon ou tous les autres blocs ajoutés sont ceux qui correspondent à ces critères. »

Le plugin inclut les nouveaux blocs suivants :

• Onglets
• Bascule/Accordéon
• Icône
• Évaluation
• Barre de progression
• Statistiques/Compteur
• Compte à rebours

Certains d'entre eux nécessitent du JavaScript supplémentaire, c'est pourquoi ils ne font pas de bons candidats pour le cœur de WordPress. Cependant, ce sont de bonnes options pour les développeurs de plugins, et ce ne sont pas des blocs rares d'autres plugins de type bibliothèque.

La chose qui les distingue est l'intégration avec le système de style du plugin, que Kamal pourrait ouvrir à d'autres développeurs de plugins dans une future version. Le plan actuel est de créer une API Styles indépendante pour permettre aux utilisateurs de personnaliser n'importe quel bloc. Il a déjà reçu des commentaires du groupe Facebook Advanced WP sur l'idée. Une grande partie des commentaires souhaitent qu'un tel système atterrisse dans WordPress lui-même.

Une caractéristique intéressante des nouveaux blocs du plugin est que lorsque vous cliquez sur un sous-élément d'un bloc, ses options de conception sont automatiquement déclenchées dans le panneau des options de bloc. Par exemple, le bloc de classement par étoiles comporte des éléments « titre » et « classement ». Lorsque vous cliquez sur le titre, ses options de conception s'ouvrent dans la barre latérale, et il en va de même pour les notes. Ceci s'écarte de l'organisation typique des options de conception d'EditorPlus sur les blocs principaux, qui sont regroupés par propriétés CSS. L'accent est mis sur l'élément individuel, ce qui facilite grandement la recherche d'une option spécifique.

Cette expérimentation est un peu un précurseur de ce sur quoi travaille Kamal pour une future mise à jour. L'un de ses grands objectifs est de faire un peu de nettoyage de l'interface utilisateur - il y a beaucoup d'options dans le plugin - et de permettre aux utilisateurs de personnaliser plus rapidement leurs blocs.