Sélectionner une page


Joris van Montfort, un développeur WordPress indépendant, a publié que Icônes de texte enrichi JVM Gutenberg Plugin pendant le week-end. L’objectif était simple: les utilisateurs peuvent insérer des symboles presque n’importe où dans l’éditeur de blocs en appuyant simplement sur un bouton.

Par défaut, le plugin utilise la version 4.7 de la bibliothèque Font Awesome. Cependant, les développeurs peuvent modifier cela pour inclure des jeux de symboles personnalisés.

Comme beaucoup des plugins les plus utiles, il reste sur sa bonne voie, effectue une tâche simple et le fait bien. Le plugin montre aux utilisateurs un bouton « Drapeau » sur la barre d’outils de l’éditeur lorsqu’ils éditent un champ de texte enrichi.

Insertion d'une icône dans un champ de texte enrichi dans l'éditeur WordPress.
Insertion d’un symbole dans un bloc de titre.

Rich Text est un composant éditeur de blocs pour la saisie de texte. Partout où les utilisateurs peuvent entrer dans le canevas de l’éditeur, il est facile d’insérer une icône. Cela inclut les paragraphes, les titres, les légendes, etc. Il s’étend également aux blocs d’autres développeurs de plugins. S’ils utilisent un champ de texte enrichi n’importe où, un bouton indicateur apparaîtra et les utilisateurs peuvent y placer une icône.

Les symboles insérés via le plugin héritent automatiquement de la taille du texte environnant. Si vous le mettez dans un pavé de titre, il s’agrandira. Si vous le placez dans un bloc de boutons, il correspondra au texte du bouton. Il en va de même pour les couleurs.

Test des symboles dans différents blocs dans l'éditeur WordPress.
Insérez des symboles dans différents blocs de différentes tailles et couleurs.

Puisqu’il est impossible de faire correspondre parfaitement la conception de chaque thème, de légers ajustements 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 sur différents sujets. Cependant, il y avait des problèmes avec un pixel 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’utilisabilité que j’ai rencontré était qu’une icône ci-dessus ne pouvait pas être supprimée Backspace ou alors Delete Touches de mon clavier utilisées avec le bloc Boutons. Cela fonctionnait bien avec d’autres blocs. La solution à cela était de cliquer sur l’icône insérée. Sélectionnez ensuite l’icône en forme de drapeau dans la barre d’outils pour ouvrir à nouveau l’inséreuse. Aucun remplaçant n’ayant été choisi, l’ancien a disparu.

Le développeur du plugin a fourni des crochets de filtre aux développeurs tiers pour implémenter des jeux de symboles autres que Font Awesome via un fichier JSON personnalisé. Reportez-vous au fichier readme du plugin pour obtenir des instructions. Il existe également des hooks pour télécharger ou écraser la feuille de style et les classes.

Bien que j’aime exécuter le plugin, je n’aime pas qu’il charge sa propre feuille de style Font Awesome. Si vous utilisez un plugin ou un thème différent qui fait la même chose, 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. Il s’agit d’une limitation causée par l’absence de système de dépendance dans WordPress. Cependant, les utilisateurs essayant le plugin doivent être conscients de ce problème potentiel.



Source link

Recent Posts