Шаблон сообщества с акцентом на место и цель

Хочу поделиться макетом, который я разрабатывал для проекта сообщества. Я работаю над абстрагированием некоторых его идей и надеюсь, что это даст общее вдохновение для некоммерческих, открытых, основанных на главах или иных распределённых моделей организации сообществ.

У дизайна есть две основные цели:

  • всегда указывать место и общую направленность обсуждений;
  • помещать разговоры в более широкий контекст с выделенным контентом и рабочими зонами.

Концептуальный вид главной страницы:

При переходе в конкретные области меняются контекстные подсказки. Помимо этого, навигация остаётся неизменной:

При переходе в рабочую область к навигации добавляются инструменты для совместной работы:

Реализация в нашем проекте выглядит следующим образом:

В каждой зоне мы с помощью визуальных элементов и вводного текста предлагаем уникальный контекст и направленность:

В рабочих зонах меню навигации предоставляет подменю и доступ к тегам:

22 лайка

Похоже на инстанс Discourse веб-ядра. Очень приятно

4 лайка

Ваши дизайны для Discourse выглядят потрясающе. Отличная работа!

Отложив в сторону вопрос, сделаете ли вы это, насколько большая часть этого может быть распространена как обычная тема Discourse? Сколько из этого — компонент темы или другая более глубокая кастомизация?

7 лайков

Вау! Какой потрясающий шаблон! :scream:

Как вы его создали?

4 лайка

Выглядит потрясающе. Нам нужно больше таких кастомных тем.

5 лайков

Спасибо всем за добрые слова :hugs:

О том, как это реализовано: концептуальный шаблон — это просто макет, я создаю их в Figma. Это не специфично для Discourse.

Для сообщества Couchers.org я реализовал это в Discourse, объединив стили в тему и используя компоненты темы (Поиск в шапке, Баннеры категорий, Пользовательские ссылки навигации, Карточки рекомендаций, Демонстрация категорий, Современные блоки категорий, Удобный подвал). Я добавил немного собственного кода для отображения различных баннеров на Главной странице и в разделе «Последнее».

Окончательная компоновка и работа сообщества затем зависят от настройки параметров: глобальных, для компонентов, для категорий и для тегов. Поэтому нельзя реализовать шаблон, просто поделившись упакованной темой и компонентами.

Концептуально я не рассматриваю это как тему, а скорее как шаблон, макет или модель. Пока не уверен в лучшем термине. Его цель — не просто изменить внешний вид, а изменить функциональность и пользовательский опыт, чтобы поддержать конкретный сценарий использования или модель сообщества. Я также работаю над другими шаблонами и размышляю, какой будет лучший способ их распространения. Вам понадобится способ экспорта и импорта всех изменённых настроек. На данный момент единственный известный мне способ — это резервное копирование, но было бы здорово найти метод, который затрагивает только настройки, а не контент сайта.

9 лайков

Экспорт и импорт настроек сайта уже доступны:

Возможно, потребуется немного усилий, чтобы документировать каждый пункт, но простой способ может заключаться в создании новой темы здесь, в разделе Meta (с соответствующими тегами и т. д.), где вы опишете все кастомизации, используя следующую структуру:

  1. Концепция дизайна и демонстрационный сайт (если доступен)
  2. Тема в виде экспортированного файла
  3. Компоненты темы в виде списка с кратким обзором изменённых настроек
  4. Плагины с краткими заметками о конфигурации каждого
  5. Настройки, изменённые по умолчанию, в виде файла .yml
7 лайков

Отличные предложения! Спасибо, что поделились, @nathank

5 лайков

Ищете больше фриланс-заказов?

5 лайков