Как лучше всего настроить компонент иконок twemoji?

Я работаю над темой, в которой хочу использовать эмодзи в качестве иконок в некоторых местах. Итоговый вид должен быть примерно таким:

Я хотел бы оформить это как компонент, по сути просто добавив спрайт-лист Twemoji. Тогда эмодзи можно будет выбирать для бокового меню и в качестве иконок категорий. Я не хочу полностью заменять системные иконки.

В целом это работает, но мне бы хотелось узнать ваше мнение по двум вопросам:

  • Полный набор содержит более 3000 иконок. Размер файла составит 8 МБ. Я нашел в интернете ограниченный спрайт-лист размером 2 МБ. Полный набор не сработал, а уменьшенный — да. На какой размер набора иконок стоит ориентироваться?
  • По умолчанию у эмодзи в качестве идентификатора (id) используется шестнадцатеричное значение Unicode. Поэтому вам придется использовать выборщик эмодзи, например Twemoji Cheatsheet, чтобы найти нужный эмодзи и его шестнадцатеричное значение, а затем ввести их. Например:

Не знает ли кто-нибудь, как лучше автоматизировать замену идентификаторов на реальные короткие имена? Тогда можно было бы выбирать эмодзи, просто вводя, например, «tw-books»?

всё, что я могу сказать сейчас, — да, пожалуйста :grin: обожаю это :heart_eyes_cat:

Похоже, что страница, на которую вы ссылаетесь, использует emojibase для получения «карты эмодзи» (с юникодом, названием и т. д.). Возможно, вы сможете использовать что-то подобное? :thinking:

Соответствующие ссылки:

Кстати, выглядит это отлично :smiley:

Спасибо, Александр! Похоже, мне нужен был небольшой толчок :slight_smile:

Так что теперь всё работает :sparkles: Я добавил основной набор эмодзи без вариантов (например, по оттенку кожи и полу). Это набор из 1869 иконок (из 3689 SVG-файлов в папке ресурсов Twemoji). В качестве префикса я использовал tw-, а для именования иконок — английские шорткоды. Возможно, всё ещё потребуется использовать справочный сайт для поиска нужного эмодзи, так как в названиях нет тегов. Например, эта иконка не появится, если ввести golf в селекторе иконок:

Я поделюсь компонентом в теме theme-components, когда буду готов с темой. Если кто-то хочет попробовать его уже сейчас, репозиторий находится по адресу GitHub - nolosb/discourse-twemoji-icons: Use twemojis as icons in Discourse. · GitHub