Воздушная тема

[Discourse]

| | Сводка | Air Theme — это чистая и современная тема, включающая несколько компонентов для улучшения вашего форума!|
| | Предпросмотр | Предпросмотр в конструкторе тем Discourse|
| | Ссылка на репозиторий | https://github.com/discourse/discourse-air|
| |Новичок в темах Discourse? | Руководство для начинающих по использованию тем Discourse|

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

Возможности

Светлая тема

Тёмная тема

Страница категорий

Эта тема также включает несколько компонентов для улучшения вашего форума.

• Кликабельные темы
• Современные блоки категорий и групп

Пожалуйста, ознакомьтесь с этими советами при установке, так как для корректного отображения этой темы необходимо ВКЛЮЧИТЬ несколько настроек.

---

Советы

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

Для корректной работы необходимо включить как минимум два варианта цветовой схемы в разделе https://discourse.jordanvidrine.com/admin/customize/colors. Как минимум у двух цветов должна быть включена опция «Пользователи могут выбирать цветовую схему».

После этого пользователи смогут выбирать между двумя цветовыми схемами как свои предпочтения «светлая» и «тёмная» в меню настроек профиля.

---

Приветственный баннер

Перейдите на страницу Администрирование > Приветственный баннер (/admin/config/welcome-banner).

• В выпадающем списке Включено для тем… выберите Air Theme
• В выпадающем списке Расположение выберите Под заголовком сайта

---

Современные блоки категорий и групп

Этот компонент темы требует, чтобы ваши категории использовали настройку БЛОКИ КАТЕГОРИЙ С ПОДКАТЕГОРИЯМИ в разделе /admin/site_settings/category/all_results?filter=categories.

Этот компонент темы также позволяет администратору форума организовать страницу категорий с заголовками и выбрать, какие категории отображаются под каждым заголовком. Чтобы сохранить простоту, я разрешил использовать не более 5 заголовков. Если не выбраны настройки категорий и заголовков, все категории будут отображаться так, как показано выше — это вариант отображения по умолчанию.

Размещено у нас? Темы доступны для использования в наших тарифах Standard, Business и Enterprise.

[Don]

Это просто потрясающе, Джордан! Мне это очень нравится!

[th21]

Будет полезно, если приветственное сообщение можно будет скрыть, оставив поле локалей пустым

[oshyan (Oshyan Greene)]

Ого, это выглядит действительно здорово! Спасибо, что поделились.

[itsbhanusharma (Bhanu Sharma)]

Эта тема придает Discourse современный вид, которого он заслуживает. Очень хорошо сделано, @jordan.vidrine

[Ahmed_Gagan]

Тема выглядит потрясающе. Отличная работа

[thegurjyot (Gurjyot Singh)]

Эта тема выглядит просто потрясающе. Надеюсь, мы сможем получить дизайн этой страницы категории как отдельный компонент. Так это выглядит намного лучше.

[frold]

Спасибо, это приятно…

Впервые устанавливаю новую тему. Мне она очень нравится!!

Studmed.dk

[Jeremie_Leroy]

Привет, @jordan-vidrine! Что касается столбца с количеством просмотров, какой код мне нужно добавить в компонент, чтобы запретить его скрытие?

[jordan.vidrine]

Я считаю, что это должно сработать:

.full-width .contents .topic-list thead th.posts {
width: 10%;
}

.full-width .contents .topic-list thead th.activity {
width: 10%;
order: 4;
}

th.num.views {
width: 10%;
order: 3;
display: block;
}

.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.posts {
width: 10%;
order: 2;
}

.topic-list .views {
width: 10%;
order: 3;
}

.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.age {
width: 10%;
order: 4;
}

[ggurbet (Gökhan Gurbetoğlu)]

Свежая красота. Отличная работа, @jordan.vidrine!

[ShubhayanS (shubhayan saha)]

Есть ли возможность изменить текст заголовка «Добро пожаловать на форум»?

[jordan.vidrine]

Да, это можно отредактировать в компоненте Discourse Search Banner

[Jerdeman (Jeroen)]

Некоторое время назад я создал тему с проблемой отсутствия категорий в мобильном режиме просмотра (Air Theme - #172). Я немного переписывался с @jordan.vidrine, но нам не удалось найти корень проблемы. Надеюсь, у кого-то ещё есть идеи.

Детали
Используя чистую установку Discourse 2.7.11 в Kubernetes с помощью Helm-чарта от Bitnami и установив последнюю версию темы, настроенную согласно описанию в первом сообщении, мы не видим никаких категорий в мобильном режиме, а стили на последней странице отображаются некорректно.

Что мы пробовали
Помимо чистой установки, мы также пробовали более старые версии темы. Однако проблема сохранялась, хотя мы не перепробовали все версии.
Мы также сравнили HTML нашего экземпляра с HTML на discourse.jordanvidrine.com и заметили, что они значительно отличаются.

Интуитивное предположение
Так как мы не можем использовать «бета-версию», моё интуитивное предположение говорит о том, что это проблема совместимости между темой или одним из её плагинов и версией Discourse 2.7. Мне бы очень хотелось узнать, у кого-то эта тема работает на 2.7, и если да, то с какими версиями темы и соответствующих плагинов.

Вопрос
У кого-то эта тема работает с версией 2.7? Или есть какие-то подсказки, что мы могли бы сделать, чтобы это заработало?

[Hyeonji_Kim]

Привет. Во-первых, спасибо за эту отличную тему

Я хочу изменить шрифт (font-family). Как это сделать?

Я пробовал следующее

• скачать эту тему Google Fonts и изменить настройки шрифта в SITE SETTING — не сработало

• добавить код @import{ссылка на веб-шрифт ~~~ } в Desktop.css и mobile.css — не сработало

Какой файл нужно изменить, чтобы поменять шрифт???

[jordan.vidrine]

Я считаю, что вы сможете настроить пользовательский шрифт без использования компонента здесь: admin/site_settings/category/all_results?filter=font

Если вам нужна более глубокая кастомизация, полагаю, подойдет компонент темы Google Fonts, на который вы ссылались. Однако, как я понимаю, эта тема использует theme-settings, а не настройки сайта.

Вы уже поднимали этот вопрос в теме, посвящённой этому компоненту шрифта?

[hequaye (Henry Herbert)]

Всем привет, может кто-нибудь помочь изменить размер и «фиксированное свойство» цвета фона на мобильных устройствах?

CSS для мобильных устройств у меня прозрачный. Мне нужна лишь небольшая подсказка по изменению фиксированного фона на цвета фона.

Если я не ошибаюсь, есть фоновый цвет заголовка и фоновый цвет страницы, верно?

[jordan.vidrine]

Это связано с тем, что тема и её включённые компоненты довольно требовательны к настройкам сайта.

В первом посте я указал:

@jordan-vidrine

Современные блоки категорий и групп

Этот компонент темы требует, чтобы для ваших категорий была выбрана настройка БЛОКИ КАТЕГОРИЙ С ПОДКАТЕГОРИЯМИ в разделе /admin/site_settings/category/all_results?filter=categories.

Этот компонент темы также позволяет администратору форума организовать страницу категорий с заголовками и выбрать, какие категории отображаются под каждым заголовком. Чтобы сохранить простоту, я ограничил количество заголовков до 5. Если не выбраны настройки категорий и заголовков, все категории будут отображаться так, как показано выше; это вариант отображения по умолчанию.

[Nerd_Alert]

Есть ли способ сделать фон изображением? Я бы предпочел изображение вместо цветов. Использование

body {
    background-image: url("ссылка на изображение");
    background-color: #cccccc;
}

делает верхнюю часть цветного блока изображением, но не нижнюю.

[jordan.vidrine]

То, что вы сделали, подходит для добавления изображения, но вам также нужно удалить путь обрезки, который создаётся для эффекта наложения.

html .background-container {
clip-path: unset;
}