Insérez des icônes de polices géniales dans l'éditeur de blocs via le plugin JVM Gutenberg Rich Text Icons

Joris van Montfort, un développeur WordPress indépendant, a publié le plugin JVM Gutenberg Rich Text Icons ce 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 de 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.

Insertion d’une icône dans un bloc d’en-tête.Rich Text est un composant d’éditeur de bloc 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. 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.

Insertion d’icônes dans divers blocs de tailles et de couleurs différentes. Étant donné qu’il est impossible de faire correspondre parfaitement la conception de chaque thème, des 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 les touches Retour arrière ou Supprimer de mon clavier en cours d’utilisation 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.

Bien que j’aime l’exécution du plugin, je n’aime pas qu’il charge sa propre feuille de style Font Awesome. 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.

Comme ça :

J’aime chargement..