 |
Краткое описание | Category Banners использует существующие данные категории для создания баннеров на страницах категорий (для тегов см. Discourse Tag Banners). |
 |
Предварительный просмотр | Предварительный просмотр на Discourse Theme Creator |
 |
Ссылка на репозиторий | https://github.com/discourse/discourse-category-banners |
 |
Новичок в темах Discourse? | Руководство для начинающих по использованию тем Discourse |
Установить этот компонент темы
Возможности
Category Banners использует существующие данные категории для создания баннеров на страницах ваших категорий. Он использует название категории, описание и цвет для генерации баннера в верхней части соответствующих страниц категорий (для тегов см. Discourse Tag Banners).
Описание категории определяется первым абзацем в теме «Определение категории для …» каждой категории. Цвета фона и текста баннера определяются настройками значков вашей категории.
По умолчанию это будет отображаться на десктопе и мобильных устройствах на всех страницах категорий и подкатегорий, но не появится, если вы не указали описание для категории.
Настройки
Этот компонент предлагает параметры для переопределения настроек по умолчанию:
| Имя | Описание |
|---|---|
| show description | Показывать описание из поста «О данной категории» |
| show mobile | Показывать баннеры на мобильных устройствах |
| show subcategory | Показывать баннеры для подкатегорий |
| hide if no description | Скрывать баннеры, если описание категории не задано |
| show category logo | Показывать логотип категории |
| align text | |
| exceptions | Баннер не будет показываться для категорий с этими ИМЕНАМИ |
| categories | Категории, для которых нужно показывать баннер |
| plugin outlet | Изменяет положение баннера на странице |
| show category icon | Показывать значок или эмодзи категории из настроек категории * |
| override category icon color | При использовании значков категорий включение этой настройки заставит значок соответствовать цвету текста баннера |
* Обратите внимание, что эта настройка теперь относится к значку или эмодзи категории, установленным в настройках категории, а не к компоненту темы Category Icons (который устарел в пользу встроенной функции).
Примечания по кастомизации
Если вы хотите кастомизировать их с помощью дополнительного CSS, вы можете обратиться к заголовкам конкретных категорий, используя эту структуру (example-category — это имя вашей категории):
.category-title-header {
&.category-banner-example-category {
background: url(example.jpg);
}
}
Этот компонент также добавляет класс category-header к тегу body в качестве дополнительной цели для CSS.
Размещено у нас? Компоненты тем доступны для использования на наших тарифных планах Standard, Business и Enterprise.