||||
-|-|
| Сводка | Brand Header добавляет дополнительную верхнюю шапку для брендинга с вашим логотипом, навигационными ссылками и иконками социальных сетей для мобильных и десктопных версий. Логотип бренда может быть изображением или текстом.
| 
| Предпросмотр | Предпросмотр в Discourse Theme Creator |
| Ссылка на репозиторий | https://github.com/discourse/discourse-brand-header
| Новичок в темах Discourse? | Руководство для начинающих по использованию тем Discourse
Установить этот компонент темы
Возможности
Предпросмотр на десктопе:
Предпросмотр на мобильном:
Настройки
| Название | Описание
|-|
| название бренда |
| URL веб-сайта |
| URL мобильного логотипа |
| ссылки | Текстовые ссылки, отображаемые в шапке
| иконки | Ссылки с иконками, отображаемые в шапке
| пользовательские иконки FontAwesome 6 | Список иконок FontAwesome 6, используемых в этом компоненте темы
| показывать панель на мобильном |
| выход плагина |
Использование иконок Font Awesome 6
Чтобы иконки Font Awesome 6 корректно отображались в этом компоненте темы, вам нужно добавить их в 3 места в Discourse:
- Настройку сайта
svg icon subset - Настройку
custom font awesome iconsв компоненте - Настройку
iconsв компоненте
Кроме того, для некоторых иконок Font Awesome 6 вам может потребоваться указать префикс fa или fab перед названием иконки (например, «fab-bluesky»), поскольку некоторые иконки относятся к определенному подмножеству. Подробности об этом использовании см. в статье Мы обновляем наши иконки до Font Awesome 6!.
После того как вы добавите эти иконки во все три места, вы должны увидеть их корректное отображение в компоненте темы Brand Header.
Размещено у нас? Компоненты тем доступны для использования на наших тарифах Standard, Business и Enterprise.