Pinboard, простая тема UI

:dizzy: Краткое описание Pinboard — это тема с простым пользовательским интерфейсом. Она отлично сочетается с плоской таксономией, например, с простым списком категорий или тегов.
:hammer_and_wrench: Репозиторий GitHub - nolosb/discourse-theme-pinboard · GitHub
:open_book: Новичок в темах Discourse? Руководство для начинающих по использованию тем Discourse

Установить эту тему

:woman_factory_worker:t5: Настройка после установки

Тема устанавливает несколько дополнительных компонентов. Некоторые из них требуют настройки параметров для изменения внешнего вида темы:

  • Переключатель тёмной/светлой темы

    • Чтобы переключатель работал, в настройках темы следует выбрать светлую цветовую схему, а в общих настройках — тёмную (default dark mode color scheme id).
    • Вы можете решить, отображать ли иконку переключателя в заголовке. По умолчанию она отображается в подвале боковой панели.
  • Скругление

    • Стилевой компонент для скругления элементов макета. На моём превью-сайте радиус по умолчанию установлен на 10 пикселей, а радиус кнопок — на 4 пикселя.
  • Панели

    • Ещё один стильный компонент для отображения контейнеров списков в виде панелей. В теме определён стиль с тенью для панелей; вы можете включить его, используя переменную --shadow:

    image

:art: Возможности темы

Использование только с категориями или только с тегами

Вы можете скрыть теги или категории из интерфейса и использовать только один из этих элементов.

Пользовательская главная страница

Вы можете создать макет главной страницы, аналогичный представленным на превью.

  • Выберите опцию custom homepage в настройках темы.

  • Выберите вашу главную страницу в настройках администратора. Например, здесь она установлена как top-route:

  • Установите этот вспомогательный компонент, чтобы добавить отдельный класс для главной страницы. Настройте главную страницу в параметрах компонента:

    image

  • В установленном компоненте «Панели» выберите отображение панелей в списках избранных:
    image

  • Установите компонент «Избранные списки» и установите его позицию выхода в discovery-list-container-top

35 лайков

Это очень приятная тема, мне нравится её простота!

12 лайков

Отличная работа, брат.. :heart_eyes:

6 лайков

Вау! У этого потрясающая эстетика

6 лайков

Тема выглядит потрясающе! Минимализм в лучшем смысле. Мне нравится, что вы сделали с боковой панелью.

Отличная работа, @manuel :+1:

7 лайков

@manuel

Пожалуйста, подскажите, какое настройку я упустил. Главная страница отображает для меня внешний контейнер с темами ниже. Вместо каждой доски с булавками.

Спасибо.

2 лайка

Похоже на продуктивную тему с отличной простотой, которая благодаря удобному интерфейсу может сэкономить вам много времени.

3 лайка

Проверили ли вы опцию, описанную выше?

3 лайка

Да. Я выбрал эту опцию.

3 лайка

Вам также необходимо установить «Топ тем» в качестве главной страницы. Ваша главная страница в настоящее время настроена на список категорий. Это связано с тем, что данная настройка темы отображает только списки досок объявлений и скрывает контент ниже. Это работает только на корневом маршруте. При необходимости мы можем заменить «Топ тем» на доску объявлений с топ-темами. Обычно для работы форума необходим список категорий или список последних тем.

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

3 лайка

@manuel Спасибо.
Именно этого не хватало. Теперь всё в порядке.

3 лайка

Должна ли эта тема скрывать верхнее меню (Последние, Топ и т.д.)? Есть ли способ вернуть его?

1 лайк

Да, эти элементы скрыты. У меня есть своё мнение по этому поводу в данной теме, поскольку разделы «Последние»/«Новые»/«Непрочитанные» уже доступны в боковой панели, а раздел «Лучшее» используется для главной страницы.

Если вы хотите использовать эту тему и при этом иметь эти элементы в навигационной панели, вам нужно вручную переопределить стили темы.

1 лайк

Я не вижу разделов «Последние»/«Новые»/«Непрочитанные» в боковой панели — ни на моём экземпляре темы, ни на тестовом сайте, ни на скриншотах в этом сообщении. Не могли бы вы подсказать, куда мне стоит посмотреть?

2 лайка

«Latest» по умолчанию называется «Всё» на боковой панели. На моих скриншотах она называется «Все».

Но да, это правда, что «Unread» и «New» теперь не отображаются на боковой панели. Мне казалось, что они появляются там так же, как и раньше в выпадающем меню «гамбургер». Возможно, я ошибаюсь или это было изменено. В боковую панель постоянно вносятся обновления.

Контекстная информация о новом контенте на боковой панели — это точки уведомлений, отображаемые рядом со всеми элементами меню, содержащими новый контент для авторизованного пользователя:

2 лайка

Очень нравится эта тема.

По какой-то причине компонент переключения темы «Тёмная/Светлая» не отображается в заголовке.

2 лайка

Спасибо :sunny:

У меня тоже не отображается в теме по умолчанию, так что, вероятно, это связано с компонентом.

На самом деле, посмотрите здесь: Dark/Light Mode Toggle - #88 by RGJ Сейчас переключатель отображается только тогда, когда у пользователя включено автоматическое переключение цветового режима.

1 лайк

@manuel действительно, очень хорошо сделано. Размер шрифта намеренно такой большой (большой, по моему мнению)?

Скриншот сделан с ноутбука 15 дюймов — кажется, что пропорции нарушены?

Вы рассматривали вариант с вкладками вместо отображения категорий в виде коробок в списке, например, чтобы «Отзывы» были вкладкой рядом с «Добро пожаловать в Pinboard»?

:warning: Я только что обновил рефакторинг этой темы. В интерфейсе изменения незначительные, но код темы переорганизован и включает несколько новых компонентов.

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

Для справки: ниже приведены детали установки для версии v1:

Возможности темы

  • Использование с категориями или только с тегами
    Вы можете скрыть теги или категории из интерфейса и использовать только один из этих вариантов.

  • Пользовательская главная страница
    Вы можете создать пользовательскую главную страницу, аналогичную той, что показана в превью.

    • Установите компонент Versatile Showcase и настройте его позицию выхода на discovery-list-container-top.
    • Установите вашу главную страницу как маршрут top.
    • Выберите опцию custom top page в настройках темы.

Возможности компонентов

Тема автоматически устанавливает несколько дополнительных компонентов:

  • Переключатель тёмной/светлой темы
    Установите светлую цветовую схему в настройках темы. Выберите тёмную цветовую схему в общих настройках.

  • Поиск в заголовке

  • Кликабельные темы

  • Стили тегов
    Для выбора цветовых стилей тегов.

4 лайка

Крутая тема, супер чистая!

Интересует, для чего эта тема больше подходит — для десктопа или для мобильных устройств.

1 лайк