FKB Pro — это высококастомизированная, детализированная и профессиональная социальная тема, при этом остающаяся удобной для пользователя. 
Эта тема довольно чувствительна и, возможно, плохо совместима с другими компонентами темы или плагинами, которые вы используете! Пожалуйста, протестируйте её перед использованием. Обычно требуется некоторая модификация CSS. Если у вас возникнут проблемы, сообщите о них, и мы исправим их.
Макет
На компьютере: Трёхколоночный макет.
Готовая боковая панель
На мобильном устройстве:
Скруглённые углы
По умолчанию FKB Pro имеет сильно скруглённые углы повсюду, но я знаю, что не всем это нравится, поэтому добавил некоторые настройки темы, чтобы упростить кастомизацию.
Если вам не нравятся скруглённые углы… установите эти значения в 0.
Карточка темы
Основные секции
- Заголовок (клик ведёт к последнему сообщению)
- Выдержка (клик ведёт к первому сообщению темы)
- Изображение (клик ведёт к последнему сообщению)
Другие секции
- Верхний левый угол: Данные автора (аватар, имя, имя пользователя) и дата создания темы.
(клик открывает карточку пользователя) - Верхний правый угол: Значок категории
- Центр снизу: Теги
- Нижний левый угол: Количество лайков и просмотров темы
(клик ведёт к первому сообщению и показывает краткое содержание темы, если оно доступно) - Нижний правый угол: Аватар последнего автора, дата и количество ответов.
(клик по аватару открывает карточку пользователя, клик по дате ведёт к последнему сообщению, а количество ответов открывает выбор ответа)
Стили значков
-
маркер
-
полоса
-
рамка
Страница категории
Из-за ограниченного размера центральной области используйте одноколоночные стили страницы категорий. Я внес некоторые изменения, чтобы они лучше соответствовали этой теме.
Только категории, Категории и последние темы, Категории и популярные темы
Категории в виде блоков
ИЛИ
Вы можете использовать компонент темы Modern Category + Group Boxes, созданный @jordan.vidrine.
Панель FKB
На компьютере: Правая боковая панель.
Для анонимных посетителей отображается приветственное сообщение. Это сообщение совпадает с js.signup_cta.value_prop. Текст заголовка «Добро пожаловать» можно изменить в переводах темы.
ИЛИ
Для анонимных посетителей есть возможность включить пользовательскую боковую панель. Вы можете добавить в неё собственный контент, например изображение и описание.
Для авторизованных пользователей панель содержит информацию о пользователе, такую как фото профиля, статистика, значки, а также использует изображение карточки пользователя в качестве фона. Также внизу есть несколько быстрых кнопок.
Цветовые схемы
Тема включает две цветовые схемы: 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.
 |
Превью | Theme Creator |
 |
Репозиторий | Тема FKB Pro |
 |
Инструкция по установке | Как установить тему или компонент темы |
 |
Новичок в темах Discourse? | Руководство для начинающих по использованию тем Discourse |
Теперь вы можете добавлять пользовательский контент в боковую панель для посетителей.
)