| Предпросмотр | Theme Creator | |
| Репозиторий | Тема FKB Pro | |
| Пригодилось? | > ./support --coffee | |
| Гид по установке | Как установить тему или компонент темы | |
| Новичок в темах Discourse? | Гид для начинающих по использованию тем Discourse |
FKB Pro — это сильно модифицированная, детализированная и профессиональная социальная тема, которая при этом остаётся удобной для пользователя. ![]()
Эта тема довольно капризная и, возможно, плохо совместима с другими компонентами тем или плагинами, которые вы используете! Пожалуйста, протестируйте её перед использованием. Обычно для этого требуется некоторая модификация CSS. Если у вас возникнут проблемы, пожалуйста, сообщите о них, и я их исправлю.
Разметка
На десктопе: Трехколоночная разметка.
Готова к боковой панели
На мобильных устройствах:
Скругленные углы
По умолчанию FKB Pro имеет сильно скругленные углы повсюду, но я знаю, что не всем это нравится, поэтому я добавил некоторые настройки темы, чтобы упростить кастомизацию.
Если вам не нравятся скругленные углы… установите эти значения в 0.
Карточка темы
Основные секции
- Заголовок (клик ведет к последнему посту)
- Выдержка (клик ведет к первому посту)
- Изображение (клик ведет к последнему посту)
Другие секции
- Слева сверху: Данные автора (аватар, имя, имя пользователя) и дата создания темы.
(клик открывает карточку пользователя) - Справа сверху: Бейдж категории
- По центру снизу: Теги
- Слева снизу: Лайки и просмотры темы
(клик ведет к первому посту и сворачивает тему, если доступно) - Справа снизу: Аватар последнего автора, дата и количество ответов.
(клик по аватару открывает карточку пользователя, клик по дате ведет к последнему посту, клик по количеству ответов открывает выбор ответа)
Стили бейджей
-
маркер (bullet)

-
полоса (bar)

-
коробка (box)

Страница категории
Из-за ограниченного размера центральной части, пожалуйста, используйте стили страницы категорий в одну колонку. Я внес了一些 кастомизацию в них, чтобы они лучше подходили к этой теме.
Только категории, Категории и последние темы, Категории и топ темы
Коробки категорий
ИЛИ
Вы можете использовать компонент темы Modern Category + Group Boxes, созданный @jordan.vidrine
Панель FKB
На десктопе: Правая боковая панель.
Для анонимных посетителей отображается приветственное сообщение. Это сообщение такое же, как js.signup_cta.value_prop. Заголовок Welcome можно изменить в переводе темы.
ИЛИ
Для анонимных посетителей есть опция включить пользовательскую боковую панель. Вы можете добавить пользовательский контент в боковую панель, например изображение и описание.
Для зарегистрированных пользователей она содержит информацию о пользователе, такую как фото профиля, статистику, бейджи, а также использует изображение карточки пользователя в качестве фона. Также внизу содержатся некоторые быстрые кнопки.
Цветовые схемы
Тема содержит две цветовые схемы: FKB Pro - Light и FKB Pro - Dark.
Цветовые схемы
FKB Pro - Light
- primary
#242526 - secondary
#ffffff - tertiary
#147efb - quaternary
#147efb - header_background
#ffffff - header_primary
#242526 - highlight
#147efb - danger
#f8745c - success
#42b72a - love
#fa6c8d
FKB Pro - Dark
- primary
#ffffff - secondary
#242526 - tertiary
#147efb - quaternary
#4267b2 - header_background
#242526 - header_primary
#ffffff - highlight
#147efb - danger
#f8745c - success
#42b72a - love
#fa6c8d
Также есть некоторые пользовательские цветовые схемы, которые можно изменить в настройках.
Пользовательские цветовые схемы
fkb-bg
- light
#f0f2f5 - dark
#18191a
fkb-header-btn
- light
#e1e5eb - dark
#3a3b3e
fkb-header-btn-hover
- light
#d2d8e1 - dark
rgba(var(--primary-rgb),.1)
fkb-btn
- light
#e1e5eb - dark
#383838
fkb-btn-hover
- light
#d2d8e1 - dark
rgba(var(--primary-rgb),.1)
Подробнее о последних обновлениях ![]()
и здесь ![]()
Есть еще много других кастомизаций, о которых я не упомянул. ![]()
Кредит
Огромное спасибо @awesomerobot за создание темы Fakebook и @jordan.vidrine за создание темы Fakebook Modern.





























