Иконки Twemoji

Настройка Компонент темы
1
:information_source: Краткое описание Используйте эмодзи Twitter в качестве иконок в Discourse.
:hammer_and_wrench: Репозиторий GitHub - nolosb/discourse-twemoji-icons: Use twemojis as icons in Discourse. · GitHub
:question: Руководство по установке Как установить тему или компонент темы
:open_book: Новичок в темах Discourse? Руководство для начинающих по использованию тем Discourse

Установить этот компонент темы

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

Вот пример использования этого компонента в теме Kiosk для отображения эмодзи на иконках интерфейса и категорий:

Screenshot from 2023-07-20 14-20-41
Screenshot from 2023-07-20 14-20-411585×592 82.7 KB

:construction: Подробные инструкции

  • Имена иконок формируются из префикса tw и короткого названия эмодзи в формате kebab-case (все слова разделяются дефисом).

  • Например, эмодзи :sunny: имеет имя иконки tw-sun, а :beach_umbrella: — tw-beach-umbrella.

  • Найдите короткие названия на шпаргалке Twemoji

  • Используйте иконки в модальных окнах администратора, например, для настройки боковой панели:

    image
    image445×329 13 KB

  • Используйте иконки в настройках компонента, например, для иконок категорий:

    image

  • Используйте иконки в коде темы:

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

8 лайков
Styling the sidebar without using CSS?
2

Я вижу, что вы поставляете большой SVG-спрайт для эмодзи, но раз Discourse уже включает все эмодзи Twitter, почему бы не использовать их? Это избавит пользователей от необходимости устанавливать и обслуживать этот SVG-файл.

4 лайка
3

Да, я бы хотел получить функциональность этого компонента, не загружая большой файл спрайта. Но разве Discourse использует twemoji в виде последовательностей Unicode? Мне нужно заменить SVG-иконки, и, насколько я понимаю, для этого требуются именно SVG-файлы.

3 лайка
4

Мы распространяем их как отдельные PNG-файлы, например https://emoji.discourse-cdn.com/twitter/beach_umbrella.png.

Так что это будет отлично работать в боковой панели, но да, для иконок это не сработает.

3 лайка
5

Так, я вижу ценность этого компонента в том, что он упрощает просмотр различных вариантов оформления. Однако, если вы действительно планируете использовать эмодзи в продакшене, гораздо лучше предоставлять отдельный спрайт-файл, содержащий только фактически используемые эмодзи.

5 лайков