Twemoji Icons

[manuel (Manuel Kostka)]

	Zusammenfassung	Verwenden Sie Twitter-Emojis als Symbole in Discourse.
	Repository	GitHub - nolosb/discourse-twemoji-icons: Use twemojis as icons in Discourse.
	Installationsanleitung	So installieren Sie ein Theme oder eine Theme-Komponente
	Neu bei Discourse Themes?	Anfängerleitfaden zur Verwendung von Discourse Themes

Installieren Sie diese Theme-Komponente

Die Komponente fügt Twitter-Emojis als Symbole hinzu. Sie können Emojis verwenden, um Kategorie- und Tag-Symbole mit den entsprechenden Komponenten hinzuzufügen. Sie können auch Standard-Oberflächensymbole ersetzen, entweder in Admin-Modals oder im benutzerdefinierten Theme-Code.

Hier ist eine Ansicht des Kiosk-Themes, das diese Komponente verwendet, um Emojis auf Oberflächen- und Kategoriesymbolen anzuzeigen:

Detaillierte Anweisungen

• Symbolnamen werden aus einem tw-Präfix und dem Emoji-Kurznamen im Kebab-Case generiert (alle Wörter sind durch einen Bindestrich getrennt).

• Z.B. geht das Emoji unter dem Symbolnamen tw-sun; geht unter dem Namen tw-beach-umbrella

• Suchen Sie Kurznamen im Twemoji Cheatsheet

• Verwenden Sie die Symbole in Admin-Modals, z. B. zur Anpassung der Seitenleiste:

  

• Verwenden Sie die Symbole in den Komponenteneinstellungen, z. B. für Kategoriesymbole:

  

• Verwenden Sie die Symbole im Theme-Code:

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

[Falco]

Ich sehe, dass Sie eine große SVG-Sprite-Datei für die Emojis versenden. Da Discourse jedoch bereits alle Twitter-Emojis mitliefert, warum verwenden Sie diese nicht wieder? Das würde den Benutzern das Installieren und Ausliefern dieser SVG-Datei ersparen.

[manuel (Manuel Kostka)]

Ja, ich hätte gerne die Funktionalität dieser Komponente, ohne eine große Sprite-Datei auszuliefern. Aber Discourse liefert doch Twemojis als Unicode-Sequenzen aus, oder? Ich möchte SVG-Icons ersetzen können und soweit ich das verstehe, brauche ich dafür SVGs.

[Falco]

@manuel

Aber Discourse liefert Twemojis als Unicode-Sequenzen, oder?

Wir liefern sie als einzelne PNGs, wie https://emoji.discourse-cdn.com/twitter/beach_umbrella.png.

Daher würde es in der Seitenleiste einwandfrei funktionieren, aber ja, es funktioniert nicht für Icons.

[manuel (Manuel Kostka)]

Ja, ich sehe den Wert dieser Komponente darin, dass sie es einfach macht, verschiedene Looks und Designs zu erkunden. Ich denke, wenn Sie tatsächlich Emoji-Icons in der Produktion verwenden möchten, ist es viel besser, eine dedizierte Sprite-Datei mit nur den tatsächlich verwendeten Emojis bereitzustellen.