Dans ce qui semble être une assaut sans fin de nouvelles fonctionnalités, Munir Kamal a publié de nouvelles fonctionnalités majeures pour son EditorPlus plugin 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 un créer un bloc fonctionnalité qui met plus 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 le plugin EditorPlus. Les versions à venir devraient voir une refonte de l’interface utilisateur du plugin et une possible API pour les développeurs tiers.

Il a déclaré qu’il veillerait à ce que EditorPlus travaille aux côtés de l’éditeur de site de WordPress lorsqu’il arrivera dans le futur. De plus, le support éventuel 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é 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 en-têtes, les paragraphes, les listes, les citations, etc. Parfois, le truc pour créer quelque chose d’unique consiste à mélanger et à assortir ces éléments pour créer quelque chose de nouveau. C’est essentiellement ce que cette nouvelle fonctionnalité de création de bloc est pour EditorPlus.

L’enregistrement d’un bloc personnalisé est simple. Les utilisateurs doivent d’abord envelopper leurs blocs dans un bloc de groupe principal. Ensuite, dans le menu «plus d’options» de la barre d’outils des blocs, sélectionnez l’option «Ajouter aux blocs personnalisés». Le plugin demandera un titre de bloc avant de sauvegarder.

Création d'un bloc personnalisé avec le plugin EditorPlus.
Enregistrement d’un bloc personnalisé.

À ne pas confondre avec les blocs réutilisables, qui sont des ressources qui restent les mêmes d’un article à l’autre, les blocs créés sont comme tous les autres blocs. Ils sont accessibles via l’inséreuse de blocs dans la catégorie «Mes blocs personnalisés».

Blocs personnalisés créés avec EditorPlus dans l'inséreuse de blocs.
Blocs personnalisés disponibles à partir de l’inséreuse de blocs.

Il manque quelques détails mineurs qui constitueraient de grands ajouts à long terme. Le premier est la possibilité de sélectionner une icône personnalisée pour le bloc. Actuellement, tous les blocs personnalisés partagent une icône. Le second est la possibilité d’ajouter un aperçu dans l’inséreuse de blocs.

Kamal a créé cette fonctionnalité afin 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 clients.

« Par exemple, presque tous les sites Web d’entreprise ont besoin d’un bloc de témoignage, mais il n’y en a pas un dans le noyau pour cet objectif précis », a-t-il déclaré. «Bien sûr, vous pouvez le créer à l’aide de 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 Testimonial, Team, Pricing, 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 étirer les blocs de base pour créer des mises en page uniques avec son bloquer et modèle bibliothèques. Ainsi, il n’est pas hors de question que les utilisateurs puissent créer certaines de ces choses directement à partir de l’éditeur.

Le créateur du bloc semble qu’il serait préférable de le gérer comme un bloc modèle créateur. En substance, les utilisateurs créent des modèles personnalisés, qui sont des regroupements de blocs. Kamal a déclaré qu’un créateur de modèles figurait également sur la liste des choses à faire.

«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é. Ce sera à 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»

Ajout de barres de progression via le plugin EditorPlus.
Utilisation du bloc Barre de progression dans l’éditeur.

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 principaux 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», dit-il. «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 autour des constructeurs de sites Web mais qui manquent à Gutenberg. Donc, je n’ajoute que les blocs dans EditorPlus qui manquent, doivent être nécessaires pour créer des conceptions modernes et ne peuvent pas être créés facilement en utilisant une combinaison de blocs de base. Par exemple, un bloc d’onglets, un bloc d’accordéon ou tous les autres blocs ajoutés sont ceux qui correspondent à ces critères. »

Le plugin comprend les nouveaux blocs suivants:

  • Onglets
  • Toggle / 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 WordPress de base. 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.

Ce qui les distingue est l’intégration avec le système de style du plugin, que Kamal ouvrira peut-être à d’autres développeurs de plugins dans une prochaine version. Le plan actuel consiste à créer une API Styles indépendante pour permettre aux utilisateurs de personnaliser n’importe quel bloc. Il a déjà obtenu des commentaires du groupe Facebook Advanced WP sur l’idée. Une grande partie des commentaires souhaite 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 est un départ de l’organisation typique des options de conception d’EditorPlus sur les blocs de base, qui sont regroupés par propriétés CSS. L’accent est mis sur l’élément individuel et il est beaucoup plus facile de trouver une option spécifique.

Cette expérimentation est un peu un précurseur de ce sur quoi Kamal travaille pour une future mise à jour. L’un de ses grands objectifs est de faire un certain 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.


Source link