Mardi de cette semaine, Munir Kamal a publié la version 2.4 de son Plug-in EditorPlus. Mis à part quelques bugs et s’assurant que le plugin était compatible avec WordPress 5.6, il a ajouté un sélecteur d’icônes pour le bloc Button et des superpositions de forme SVG pour le bloc Image. Ceci s’ajoute à un nouveau système «Extend Core Blocks» qu’il a ajouté dans la version précédente.

Je dure plongé dans le plugin début novembre. Dans le monde de Kamal, cela peut aussi bien avoir été il y a une vie. À un rythme de développement presque vertigineux, il a depuis publié trois mises à jour majeures du plugin avec plusieurs nouvelles fonctionnalités. Je continue à me demander où il trouve non seulement le temps de se consacrer gratuitement au projet, mais aussi où il continue à trouver de nouvelles idées. Certainement, certains d’entre eux proviennent de sa base d’utilisateurs croissante. Le plugin est encore relativement jeune, et il a maintenant passé 2000 installations actives.

Le système Extend Core Blocks

Lorsque Kamal a créé EditorPlus pour la première fois, l’idée était de créer des options de style supplémentaires pour les blocs de base WordPress. Essentiellement, le plugin permettait aux utilisateurs finaux de définir des valeurs personnalisées pour les propriétés CSS à partir d’une interface dans l’éditeur. Cela peut amener l’utilisateur moyen assez profondément dans la personnalisation. Cependant, cela reste quelque peu limitatif. Il y a des choses que les développeurs Web peuvent faire avec du code qui vont au-delà de ce qu’une interface aussi basique peut faire. La question devient alors: comment fournissez-vous ces méthodes avancées aux utilisateurs?

Au cœur du système Extend Core Blocks, qui peut être désactivé depuis l’écran des paramètres du plugin, l’auteur du plugin a voulu repousser les limites de ce qui est possible avec les blocs existants de WordPress.

«Il existe différentes extensions dans EditorPlus qui offrent différentes fonctionnalités que vous pouvez activer ou désactiver», a déclaré Kamal. «Comme le style, les animations, le CSS personnalisé, etc., et maintenant ce nouveau. Cette extension offrira des fonctionnalités / fonctionnalités supplémentaires pour les blocs de base de Gutenberg. Par exemple, le «bloc de liste» s’est étendu avec la possibilité d’inclure des icônes, de les diviser en colonnes, etc. De même, il est prévu d’étendre d’autres blocs principaux avec des fonctionnalités manquantes supplémentaires. »

Personnalisation d'une liste avec différentes options du plugin EditorPlus.
Création d’une liste d’équipe à deux colonnes avec des icônes.

Dans la version 2.3, il a créé le premier ensemble d’options avec le nouveau système. En commençant par le bloc Liste, il a ajouté des colonnes, des options, des icônes et plusieurs autres options. Les utilisateurs peuvent choisir parmi une gamme d’icônes des bibliothèques Font Awesome et Icon Moon.

Sélection d'un masque d'image blob à partir du plugin EditorPlus.
Ajout d’un style «blob» au bloc Image.

Ma nouvelle fonctionnalité préférée est les styles «blob» personnalisés que Kamal a ajoutés au bloc Image. «J’ai simplement ajouté 10 masques de forme SVG en tant que styles de bloc pour le bloc Image principal», a-t-il déclaré tout en partageant également un vidéo de démonstration.

Bien que je ne sache pas si j’ai des utilisations immédiates pour les images en forme de goutte, je suis enthousiasmé par la possibilité que d’autres masques de forme SVG atterrissent à l’avenir. Je suis sûr qu’il existe de nombreuses applications potentielles dans le domaine de la conception où elles seraient utiles. Si rien d’autre, ils sont amusants à bricoler.

Ajout d'une icône au bloc Button dans l'éditeur WordPress.
Personnalisation des icônes pour le bloc Button.

Peut-être un peu plus pratique, Kamal a ajouté de nouvelles options d’icônes pour le bloc Button. Comme le bloc Liste, les utilisateurs peuvent choisir parmi les bibliothèques Font Awesome et Icon Moon. Ils peuvent également sélectionner l’alignement à gauche ou à droite, modifier les couleurs d’arrière-plan et de premier plan, arrondir l’arrière-plan avec une option de rayon de bordure et contrôler l’espacement.

Il existe quelques autres plugins liés aux blocs avec des options d’icônes similaires. Cependant, les avoir intégrés dans EditorPlus était une bonne décision. La plupart des utilisateurs du plugin se retrouveront probablement à abandonner d’autres plugins de bloc avec autant de disponibles via un.

Kamal est resté discret sur les fonctionnalités spécifiques à venir dans la version 2.5 et au-delà. Cependant, il a dit qu’il continuerait à s’appuyer sur le système Extend Core Blocks. Si son travail jusqu’à présent est une indication, il sera intéressant de voir quelles nouvelles options il apporte aux autres blocs WordPress.

Options d’arrière-plan

Image d'arrière-plan SVG sur le bloc Couverture dans l'éditeur WordPress.
Ajout d’une image d’arrière-plan SVG au bloc Cover.

Alors que le nouveau système Extend Core Blocks a été au centre des dernières versions, Kamal a ajouté plusieurs autres fonctionnalités. L’une des plus importantes qu’il a proposées est un ensemble de nouvelles options d’arrière-plan pour chaque bloc de base, qui comprend les éléments suivants:

  • Insérer une image via une URL.
  • Option de pièce jointe en arrière-plan.
  • Option de placement en arrière-plan.

À ce stade, avec EditorPlus, les utilisateurs peuvent presque faire tout ce dont ils ont besoin avec les arrière-plans. La plus grande amélioration de la personnalisation vient avec l’option URL d’image, ce qui signifie que les utilisateurs peuvent même saisir un URI de données pour les modèles SVG. Modèles de héros a une tonne d’options à choisir pour tous ceux qui veulent l’essayer.


Source link