Привет, сообщество!
Недавно я установил Discourse и хочу настроить внешний вид.
Но я не знаю, как выделять группы разделов с отступами от других разделов, а также как создавать список подразделов в одной колонке.
Я просмотрел настройки в панели администратора, но не нашёл ничего подобного, что могло бы мне помочь.
Буду признателен за любую помощь.
Я недавно начал изучать эту платформу.
Спасибо!
Например, чтобы сделать список подразделов в одну колонку, мне нужно изменить значения здесь (category-list.scss)
На эти значения
Но как это правильно сделать через панель администратора, не изменяя сами файлы на сервере?
display: block;
align-items: baseline;
margin-right: 0;
Это CSS по умолчанию для подкатегорий. Просто укажите «Родительскую категорию» в диалоговом окне редактирования категории и установите одинаковый цвет для подкатегории и родительской категории.
Я не совсем понимаю, какое отношение к этому имеет цвет.
По умолчанию подкатегории отображаются следующим образом: одна за другой, горизонтально
После применения CSS, который я указал выше, подразделы выстраиваются в вертикальном положении, как я и хотел.
Я просто хотел узнать: добавлять CSS в том виде, который я указал — через панель администратора — это правильный способ?
И второй главный вопрос: как сделать так, чтобы сами разделы были разделены друг от друга отступами, как в примере скриншота с форума Amazon?
А, я понял.
Правильный способ — разместить этот CSS в компоненте темы, который лишь немного отличается от того, что вы делаете!
Если вы редактируете светлую тему, изменения не будут видны в тёмной теме.
Создайте один компонент темы для всех ваших локальных настроек сайта!
Спасибо за совет по поводу того, что лучше выделять в компоненты.
Если говорить о конкретном примере Amazon, то дело не только в CSS — их разметка также отличается от стандартной (HTML).
Как быстро организовать такое же отображение?
К сожалению, у меня поверхностные знания в верстке, я бэкенд-разработчик, поэтому верстка дается мне с трудом.
Могу ли я перенести эту верстку, не меняя код исходных файлов?
Я просмотрел множество готовых тем.
Но большинство из них похожи друг на друга, а такой лаконичной, как у Amazon, не нашлось. Может, сделаем это вместе с сообществом? С отступами между секциями выглядит более лаконично.
Их разметка частично отличается, потому что они, похоже, давно не обновляли свой сайт.
Добавление этого CSS-кода позволит вам в значительной степени настроить стиль подкатегорий…
.category-list .subcategories .subcategory {
display: flex;
}
Если вы хотите внести изменения в разметку, вам нужно изучить, как работают переопределения шаблонов в Discourse… это описано в разделе «Продвинутый уровень» Руководства разработчика по темам Discourse.