Munir Kamal ne montre aucun signe de ralentissement. Il continue d’avancer avec de nouvelles fonctionnalités pour son Plug-in EditorPlus, qui permet aux utilisateurs finaux de personnaliser l’apparence des blocs dans leurs publications et pages. Il l’appelle «l’éditeur de style sans code pour WordPress».

Le dernier ajout à son plugin? Styles d’animation pour chaque bloc principal.

Ma première pensée a été que cela gonflerait le plugin avec de grandes quantités de CSS et de JavaScript inutiles pour ce qui est essentiellement quelques cloches et sifflets. Cependant, Kamal a réussi avec un CSS personnalisé minimal.

Inspiré par les fonctionnalités de divers créateurs de sites Web, il voulait apporter de plus en plus de ces éléments à l’éditeur de blocs principal. La fonctionnalité d’animations n’est qu’une autre case cochée sur une liste de contrôle apparemment interminable de fonctionnalités. Et, jusqu’à présent, tout est toujours gratuit.

Depuis que nous durons couvert EditorPlus en juin, Kamal a ajouté la possibilité d’insérer des icônes via n’importe quelle zone de texte enrichi (par exemple, paragraphes, listes, etc.). Il a également ajouté un diviseur de forme, une typographie, une copie de style et des options d’édition réactive pour les blocs WordPress de base.

Comment fonctionnent les animations?

Dans la version 1.9 d’EditorPlus, Kamal a ajouté des animations «d’entrée». Ces types d’animations se produisent lorsqu’un visiteur voit le bloc pour la première fois à l’écran. Par exemple, les utilisateurs peuvent définir le bloc Image pour qu’il devienne visible lorsqu’un lecteur visualise le bloc.

Actuellement, le plugin ajoute sept animations:

  • Fondu
  • Faire glisser
  • Rebondir
  • Zoom
  • Retourner
  • Plier
  • Rouleau
Utilisation de la fonction d'animation du plugin EditorPlus dans l'éditeur de blocs.
Ajout d’une animation de diapositive pour le texte du bloc de couverture.

Chaque animation a son propre sous-ensemble d’options pour contrôler son comportement sur la page. L’animation de rebond, par exemple, permet aux utilisateurs de sélectionner la direction du rebond. Les autres options incluent la durée, le délai, la courbe de vitesse, le délai et la répétition. Il y a suffisamment de choix pour passer un temps excessif à bricoler la sortie.

L’une des meilleures caractéristiques de cette nouvelle fonctionnalité est que Kamal a inclus un lecteur d’animation sous les options de blocage. En cliquant sur le bouton de lecture, les utilisateurs peuvent voir l’animation en action sans prévisualiser le message.

Regardez une vidéo rapide de la fonction Animations:

Après avoir testé et utilisé chaque animation, tout semblait bien fonctionner. Le seul inconvénient – et cela ne se limite pas aux animations – est que l’application de styles au niveau du bloc n’a parfois aucun sens. Dans de nombreux cas, cela aiderait les utilisateurs à avoir des options pour styliser ou animer les éléments dans le bloc, tels que les images dans le bloc Galerie. Quand j’ai abordé le sujet avec Kamal, il était ouvert à l’idée de trouver une solution à cela dans le futur.

Quelle est la prochaine étape pour EditorPlus?

À un certain moment, trop d’options de blocage peuvent presque sembler excessives et devenir lourdes. EditorPlus permet aux utilisateurs de désactiver des fonctionnalités spécifiques à partir de son écran de paramètres, ce qui peut aider à se débarrasser de certaines options indésirables. Kamal a déclaré qu’il aimerait continuer à le rendre plus modulaire afin que les utilisateurs puissent utiliser uniquement les fonctionnalités dont ils ont besoin.

«Ce que je prévois, c’est d’avoir un contrôle des fonctionnalités au niveau micro pour cette extension afin qu’un utilisateur puisse désactiver les panneaux de style individuels tels que la typographie, l’arrière-plan, etc.», a-t-il déclaré. «Encore plus loin, je prévois d’apporter ces contrôles en fonction du rôle de l’utilisateur également. Un administrateur peut donc désactiver ces fonctionnalités pour l’éditeur, l’auteur, etc. »

C’est peut-être un peu plus tard. Pour l’instant, il souhaite se concentrer sur l’ajout de nouvelles fonctionnalités qu’il a déjà prévues.

«Je prévois d’ajouter plus de fonctionnalités d’animation», a déclaré Kamal. «J’ai trop d’idées, telles que l’animation contrôlée par défilement, l’animation de survol, l’animation de texte, l’animation Lottie, l’animation d’arrière-plan, les diviseurs de formes animés, etc. Cela dit, je prendrai soin d’ajouter uniquement les fonctionnalités qui n’affectent pas beaucoup les performances de la page. »

En dehors des styles et des animations supplémentaires pour les blocs existants, il prévoit de sauter dans le train de construction de blocs dans les prochaines versions. Les utilisateurs d’EditorPlus pourraient voir l’accordéon, la bascule, le curseur, le classement par étoiles et d’autres blocs dans une prochaine version.


Source link