| Краткое описание | Добавление значка к сообщениям автора темы. | |
| Репозиторий | https://github.com/VaperinaDEV/author-badge-for-topic-posts | |
| Руководство по установке | Как установить тему или компонент темы | |
| Новичок в темах Discourse? | Начинающее руководство по использованию тем Discourse |
Установить этот компонент темы
Привет ![]()
С помощью этого компонента темы вы можете добавлять метку значка к сообщениям автора темы. Это очень полезно в крупных темах, так как позволяет четко видеть, кто является автором оригинального поста.
Фильтр
Структура компонента позволяет отдельно настраивать мобильный и десктопный виды. Кроме того, можно настраивать каждую категорию отдельно, определяя, какие значки авторов будут отображаться в каких категориях и видах.
Это можно сделать с помощью настройки темы:
Для работы компонента необходимо добавить 3 параметра.
-
view-type (тип вида)
- desktop (десктоп)
- mobile (мобильный)
-
category-name (название категории)
- это категория, которую вы хотите настроить, например, “support” (поддержка)
-
author-label (метка автора)
- текст значка, например, “Author” (Автор)
Пример:
Поскольку на мобильных устройствах обычно меньше места, иногда удобно использовать более короткую версию.
Теперь я настроил значок автора для категории Discourse: на десктопе будет отображаться текст “Author”, а на мобильном — “OP”.
Хорошо, но что, если я хочу использовать другой текст в других категориях? Нужно ли настраивать их отдельно для каждой? Конечно, нет.
Если вы оставите пустыми view-type или category-name или оба параметра, настройка применится глобально, не переопределяя существующие.
Пример:
Я добавил ещё два значка, использующих текст “Original Poster” для других категорий на десктопе, и текст “Director” для категории видео как на десктопе, так и на мобильном.
Для этого просто оставьте эти разделы пустыми, используя
точку с запятой без пробела
Другой пример: если вы хотите использовать только, например, “Author” для всех категорий и всех типов видов. Используйте следующее:
Две точки с запятой (без пробелов) и Author
;;Author
Места размещения
Давайте посмотрим, где можно разместить значки…
Вы можете выбрать из 3 вариантов в настройках темы отдельно для десктопного и мобильного видов.
Эти две настройки ![]()
Десктоп
author badge location desktop (расположение значка автора на десктопе)
- below-user-avatar (под аватаром пользователя)
- after-user-names (после имени пользователя)
- below-user-names (под именем пользователя)
below-user-avatar (ограниченное пространство: использует ширину аватара темы) (закреплено) лучше выбрать короткую метку
after-user-names
below-user-names
Мобильный
author badge location mobile (расположение значка автора на мобильном)
- below-user-avatar (под аватаром пользователя)
- after-user-names (после имени пользователя)
- above-user (над пользователем)
below-user-avatar (ограниченное пространство: использует ширину аватара темы) лучше выбрать короткую метку
after-user-names (ограниченное пространство) лучше выбрать короткую метку
above-user
Настройка
Наконец, давайте рассмотрим некоторые возможности настройки.
Здесь вы можете настроить значок автора: цвета, стили шрифта, углы и т. д.
Например:
Этот вариант использует следующие значения.
Эти переменные цветов могут не совпадать с цветами на вашем сайте, так как это зависит от вашей цветовой схемы.
Ваша фантазия — единственный предел для создания крутого значка автора. ![]()















