Comment configurer au mieux un composant d'icônes twemoji ?

Je travaille sur un thème où je souhaite utiliser des emojis comme icônes à certains endroits. L’aspect visuel souhaité est plus ou moins le suivant :

J’aimerais encapsuler cela dans un composant, en ajoutant essentiellement une feuille de sprites Twemoji. Ainsi, les emojis pourront être choisis pour le menu latéral et comme icônes de catégorie. Je ne veux pas remplacer entièrement les icônes système.

Cela fonctionne en général, cependant j’aimerais avoir votre avis sur deux points :

  • L’ensemble complet compte plus de 3000 icônes. La taille du fichier serait de 8 Mo. J’ai trouvé une feuille de sprites limitée en ligne qui fait 2 Mo. L’ensemble complet n’a en fait pas fonctionné, le réduit si. Quelles sont les limites à viser pour un ensemble d’icônes ?
  • Par défaut, les emojis ont la valeur hexadécimale Unicode comme identifiant. Il faudrait donc utiliser un sélecteur d’emojis comme Twemoji Cheatsheet pour trouver votre emoji et sa valeur hexadécimale, puis les saisir. Par exemple :

Quelqu’un saurait-il comment automatiser au mieux le changement des identifiants en shortnames réels ? Ainsi, on pourrait plutôt choisir en tapant “tw-books” ?

1 « J'aime »

Tout ce que j’ai à dire pour l’instant, c’est oui s’il vous plaît :grin: j’adore ça :heart_eyes_cat:

3 « J'aime »

La page que vous avez liée semble utiliser emojibase pour obtenir une « carte emoji » (avec unicode, nom, etc.), peut-être pouvez-vous utiliser quelque chose de similaire ? :thinking:

Liens pertinents :

Au fait, ça a l’air super :smiley:

2 « J'aime »

Merci Alexander ! On dirait que j’avais besoin d’un petit coup de pouce :slight_smile:

Donc, ça marche maintenant :sparkles: J’ai ajouté l’ensemble principal d’emojis, sans variantes (comme la couleur de peau et le genre). C’est un ensemble de 1869 icônes (sur 3689 fichiers svg dans le dossier des ressources Twemoji). J’ai utilisé tw- comme préfixe, plus le shortcode anglais pour nommer les icônes. On pourrait encore avoir besoin d’utiliser un site de référence pour trouver le bon emoji car les noms n’incluent aucune balise. Par exemple, cette icône ne s’affiche pas si vous tapez golf dans le sélecteur d’icônes :

Je partagerai le composant dans theme-components quand j’aurai terminé le thème. Si quelqu’un veut déjà l’essayer, le dépôt est GitHub - nolosb/discourse-twemoji-icons: Use twemojis as icons in Discourse.

4 « J'aime »

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.