Joris van Montfort, un développeur WordPress indépendant, a publié le Icônes de texte enrichi JVM Gutenberg plugin pendant le week-end. L’objectif était simple: permettre aux utilisateurs d’insérer des icônes presque n’importe où dans l’éditeur de blocs en un clic.

Le plugin utilise la version 4.7 de la bibliothèque Font Awesome prête à l’emploi. Cependant, les développeurs peuvent modifier cela pour inclure des jeux d’icônes personnalisés.

Comme beaucoup des plugins les plus utiles, il reste dans sa voie, effectuant une tâche simple et la faisant bien. Le plugin présente aux utilisateurs un bouton «drapeau» dans la barre d’outils de l’éditeur chaque fois qu’ils éditent un champ de texte enrichi.

Insérer une icône dans un champ de texte enrichi dans l'éditeur WordPress.
Insertion d’une icône dans un bloc d’en-tête.

Rich Text est un composant éditeur de blocs pour la saisie de texte. Partout où les utilisateurs peuvent taper dans le canevas de l’éditeur, il est juste d’insérer une icône. Cela inclut les paragraphes, les en-têtes, les légendes d’images, etc. Il s’étend également aux blocs d’autres développeurs de plugins. S’ils emploient un champ de texte enrichi n’importe où, le bouton «drapeau» apparaîtra et les utilisateurs peuvent y insérer une icône.

Les icônes insérées via le plugin héritent automatiquement de la taille du texte environnant. Si vous le collez dans un bloc d’en-tête, il s’agrandira. Si vous le collez dans un bloc Button, il correspondra au texte Button. Il en va de même pour les couleurs.

Test des icônes dans différents blocs dans l'éditeur WordPress.
Insertion d’icônes dans divers blocs de différentes tailles et couleurs.

Comme il est impossible de faire correspondre parfaitement la conception de chaque thème, quelques ajustements mineurs d’espacement ou d’alignement peuvent être nécessaires. Pour la plupart, les icônes avaient l’air bien lorsque je les ai testées avec différents thèmes. Cependant, il y avait quelques problèmes ponctuels et des erreurs d’alignement mineures avec certains blocs. Dans l’ensemble, je n’ai rencontré aucun problème de conception. Le plugin a affiché ses icônes comme il se doit.

Un problème d’utilisation que j’ai rencontré était l’impossibilité de supprimer une icône via le Backspace ou Delete touches de mon clavier utilisées avec le bloc Boutons. Cela fonctionnait bien avec d’autres blocs. La solution pour cela était de cliquer sur l’icône insérée. Ensuite, sélectionnez l’icône «drapeau» dans la barre d’outils pour rouvrir l’inséreuse. Après avoir choisi aucun remplacement, l’ancien a disparu.

Le développeur du plugin a fourni des hooks de filtre aux développeurs tiers pour implémenter des jeux d’icônes autres que Font Awesome via un fichier JSON personnalisé. Les instructions sont décrites dans le fichier readme du plugin. Il existe également des hooks pour télécharger ou écraser la feuille de style et les classes.

Bien que j’aime l’exécution du plugin, je n’aime pas qu’il charge sa propre feuille de style Font Awesome. Si vous utilisez un autre plugin ou thème qui fait de même, son inclusion augmente la taille de chargement de la page pour les utilisateurs finaux en chargeant plusieurs copies du même code. Ce n’est pas la faute du développeur du plugin. C’est une limitation créée par l’absence de système de dépendance de WordPress. Cependant, les utilisateurs qui essaient le plugin doivent être conscients de ce problème potentiel.


Source link