Come configurerei al meglio un componente di icone twemoji?

Sto lavorando a un tema in cui vorrei utilizzare emoji come icone in alcuni punti. L’aspetto desiderato è più o meno questo:

Vorrei incapsulare il tutto come un componente, essenzialmente aggiungendo un foglio sprite Twemoji. In questo modo, le emoji potranno essere scelte per il menu della barra laterale e come icone delle categorie. Non voglio sovrascrivere completamente le icone di sistema.

Questo funziona in generale, tuttavia mi piacerebbe sentire opinioni su due questioni:

  • Il set completo conta oltre 3000 icone. La dimensione del file sarebbe di 8 MB. Ho trovato online un foglio sprite limitato che pesa 2 MB. Il set completo in realtà non ha funzionato, quello ridotto sì. Quali sono i limiti a cui dovrei puntare con un set di icone?
  • Per impostazione predefinita, le emoji hanno il valore esadecimale Unicode come ID. Quindi, dovresti usare un selezionatore di emoji come Twemoji Cheatsheet per trovare la tua emoji e il suo valore esadecimale, e poi inserirlo. Ad esempio:

Qualcuno saprebbe come automatizzare al meglio la modifica degli ID in shortname effettivi? In modo che si possa scegliere digitando “tw-books”?

1 Mi Piace

tutto quello che ho da dire in questo momento è sì per favore :grin: adoro questo :heart_eyes_cat:

3 Mi Piace

La pagina a cui hai linkato sembra usare emojibase per ottenere una ‘emoji map’ (con unicode, nome, ecc.), forse puoi usare qualcosa di simile? :thinking:

Link pertinenti:

Comunque sembra fantastico :smiley:

2 Mi Piace

Grazie Alexander! Sembra che avessi bisogno di una spinta :slight_smile:

Quindi ora funziona :sparkles: Ho aggiunto il set principale di emoji, senza varianti (come colore della pelle e genere). Si tratta di un set di 1869 icone (su 3689 file SVG nella cartella degli asset di Twemoji). Ho usato tw- come prefisso, più il codice breve inglese per nominare le icone. Potrebbe essere ancora necessario utilizzare un sito di riferimento per trovare l’emoji giusta poiché i nomi non includono tag. Ad esempio, questa icona non viene visualizzata se si digita golf nell’icon-picker:

Condividerò il componente in theme-components quando avrò finito con il tema. Se qualcuno vuole già provarlo, il repository è GitHub - nolosb/discourse-twemoji-icons: Use twemojis as icons in Discourse.

4 Mi Piace

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