Wie richte ich am besten eine twemoji-Icons-Komponente ein?

Ich arbeite an einem Theme, bei dem ich Emojis als Icons an einigen Stellen verwenden möchte. Das beabsichtigte Aussehen ist mehr oder weniger so:\n\n

\n\nIch würde das gerne als Komponente verpacken, im Wesentlichen nur durch Hinzufügen eines Twemoji-Sprite-Sheets. So können Emojis für das Seitenleistenmenü und als Kategorie-Icons ausgewählt werden. Ich möchte die System-Icons nicht vollständig überschreiben.\n\nDas funktioniert im Allgemeinen, jedoch würde ich gerne Gedanken zu zwei Problemen hören:\n\n- Der vollständige Satz besteht aus über 3000 Icons. Die Dateigröße würde 8 MB betragen. Ich habe online ein begrenztes Sprite-Sheet gefunden, das 2 MB hat. Der vollständige Satz funktionierte tatsächlich nicht, der reduzierte schon. Was sind die Grenzen, die ich mit einem Icon-Set anstreben sollte?\n- Standardmäßig haben die Emojis den Unicode-Hex-Wert als ID. Man müsste also einen Emoji-Picker wie Twemoji Cheatsheet verwenden, um seinen Emoji und seinen Hex-Wert zu finden und diesen dann einzugeben. Z.B.:\n\n\nWürde jemand wissen, wie man die IDs am besten automatisiert in Kurznamen ändert? So könnte man stattdessen nach Eingabe von „tw-books“ auswählen?

1 „Gefällt mir“

Alles, was ich im Moment zu sagen habe, ist ja bitte :grin: liebe das :heart_eyes_cat:

3 „Gefällt mir“

Die Seite, auf die Sie verlinkt haben, scheint emojibase zu verwenden, um eine ‘Emoji-Map’ (mit Unicode, Namen usw.) zu erhalten. Vielleicht können Sie etwas Ähnliches verwenden? :thinking:

Relevante Links:

Übrigens sieht es großartig aus :smiley:

2 „Gefällt mir“

Danke Alexander! Es scheint, als hätte ich hier einen Anstoß gebraucht :slight_smile:

Das funktioniert jetzt :sparkles: Ich habe die Hauptgruppe der Emojis hinzugefügt, ohne Varianten (wie Hautfarbe und Geschlecht). Das ist eine Gruppe von 1869 Symbolen (von 3689 SVG-Dateien im Twemoji-Assets-Ordner). Ich habe tw- als Präfix verwendet, plus den englischen Kurzcode, um die Symbole zu benennen. Man benötigt möglicherweise immer noch eine Referenzseite, um das richtige Emoji zu finden, da die Namen keine Tags enthalten. Zum Beispiel wird dieses Symbol nicht angezeigt, wenn man Golf in den Icon-Picker eingibt:

Ich werde die Komponente in theme-components teilen, wenn ich mit dem Theme fertig bin. Wenn jemand es schon ausprobieren möchte, ist das Repository GitHub - nolosb/discourse-twemoji-icons: Use twemojis as icons in Discourse..

4 „Gefällt mir“

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