Icônes Twemoji

:information_source: Résumé Utilise les émojis Twitter comme icônes dans Discourse.
:hammer_and_wrench: Dépôt GitHub - nolosb/discourse-twemoji-icons: Use twemojis as icons in Discourse.
:question: Guide d’installation Comment installer un thème ou un composant de thème
:open_book: Nouveau sur les thèmes Discourse ? Guide pour débutants sur l’utilisation des thèmes Discourse

Installer ce composant de thème

Le composant ajoute les émojis Twitter comme icônes. Vous pouvez utiliser des émojis pour ajouter des icônes de catégorie et d’étiquette en utilisant les composants respectifs. Vous pouvez également remplacer les icônes d’interface par défaut, que ce soit dans les modales d’administration ou dans le code de thème personnalisé.

Voici une vue du Thème Kiosk utilisant ce composant pour afficher des émojis sur l’interface et les icônes de catégorie :

:construction: Instructions détaillées

  • Les noms des icônes sont générés à partir d’un préfixe tw et du nom court de l’emoji en kebab-case (tous les mots sont séparés par un trait d’union).

  • Par exemple, l’emoji :sunny: est appelé par le nom d’icône tw-sun ; :beach_umbrella: est appelé par tw-beach-umbrella

  • Recherchez les noms courts sur la Feuille de triche Twemoji

  • Utilisez les icônes dans les modales d’administration, par exemple pour personnaliser la barre latérale :

  • Utilisez les icônes dans les paramètres du composant, par exemple pour les icônes de catégorie :

    image

  • Utilisez les icônes dans le code du thème :

    api.replaceIcon('star', 'tw-star');

8 « J'aime »

Je vois que vous expédiez un grand sprite SVG pour les emojis, mais puisque Discourse expédie déjà tous les emojis Twitter, pourquoi ne pas les réutiliser ? Cela évitera aux utilisateurs d’installer et de servir ce fichier SVG.

4 « J'aime »

Oui, j’aimerais bien avoir la fonctionnalité de ce composant sans avoir à charger un gros fichier sprite. Mais Discourse livre les twemojis sous forme de séquences Unicode, n’est-ce pas ? Je veux pouvoir remplacer les icônes svg et, autant que je sache, j’ai besoin de svgs pour y parvenir.

3 « J'aime »

Nous livrons sous forme de PNG individuels, comme https://emoji.discourse-cdn.com/twitter/beach_umbrella.png.

Donc, cela fonctionnerait très bien sur la barre latérale, mais oui, cela ne fonctionnerait pas pour les icônes.

3 « J'aime »

Oui, je vois l’intérêt de ce composant pour explorer facilement des styles et des designs. Je pense que si vous voulez vraiment utiliser des icônes emoji en production, il est bien préférable de servir un fichier sprite dédié avec uniquement les emojis réellement utilisés.

5 « J'aime »