Представленные категории

| |
|-|-|
|:discourse2: | Краткое описание | Показываемые категории позволяет добавить два списка тем со статусом «Показываемые» (на основе выбранных вами двух различных категорий) в верхней части главной страницы вашего форума.
| :eyeglasses: | Предпросмотр | Предпросмотр в конструкторе тем Discourse |
| :hammer_and_wrench: | Ссылка на репозиторий | https://github.com/discourse/discourse-showcased-categories
| :open_book: | Новичок в темах Discourse? | Руководство для начинающих по использованию тем Discourse

Установить этот компонент темы

Возможности

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

Настройки:

Название Описание
показывать как боковую панель Если включено, показываемые категории будут отображаться только в боковой панели на странице последних тем.
заголовок потока один Заголовок для первого потока тем
категория потока один Одна категория, из которой будут браться темы
тег потока один Опционально можно брать темы из нескольких тегов, это можно комбинировать с категорией
заголовок потока два Заголовок для второго потока тем
категория потока два Одна категория, из которой будут браться темы
тег потока два Опционально можно брать темы из нескольких тегов, это можно комбинировать с категорией
максимальная длина списка Сколько тем должно отображаться в пользовательских списках?
точка подключения плагина Расширенная настройка для дополнительной кастомизации
Перевод По умолчанию
showcased_categories.new_post Сообщение
showcased_categories.view_more Подробнее

Благодарности

Спасибо @awesomerobot за создание первоначальной структуры этого компонента. :+1:


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

44 лайка

Это здорово! Я как раз недавно думал о чём-то подобном.
Спасибо, Джордан!

8 лайков

Спасибо, Джордан! Выглядит очень интересно!

3 лайка

Предложения по улучшению этого компонента:

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

Спасибо за обратную связь!

Это интересное предложение :+1:. Интересно, как мы будем обрабатывать пользователей, которые состоят в нескольких группах? Это может стать немного запутанным, но сама идея мне нравится.

Боковая панель тоже могла бы быть неплохим вариантом :grinning_face_with_smiling_eyes:

5 лайков

Теперь вы можете отображать списки в боковой панели в представлении «Последнее» :grinning_face_with_smiling_eyes:

Спасибо за предложение.

5 лайков

Очень здорово! :+1: Попробую и оставлю отзыв.

3 лайка

Ладно, так… боковая панель, похоже, не работает из коробки с нестандартными темами. У нас есть собственная версия темы Material Design, и в режиме боковой панели рекомендуемые категории отображаются выше списка последних (причем это даже ломает макет с отступами). Я попробую проверить, есть ли способ обойти это.

2 лайка

Джордан, привет! Спасибо за такой отличный компонент, но у меня остался один вопрос: можно ли настроить цвет синей полосы? Есть ли способ изменить его в настройках плагина или отобразить цвет оформления категории?

1 лайк

Конечно!

Для этого вам нужно будет сделать это либо в вашей пользовательской теме, либо в компоненте темы (вероятно, это более простой путь).

Вам нужно воздействовать на .custom-homepage-columns .header-wrapper.

Что-то вроде этого должно сработать:

.custom-homepage-columns .header-wrapper { 
    background-color: `ваш цвет здесь`;
}
3 лайка

Привет! Возможно ли уменьшить высоту всего блока в 2 раза, чтобы в нём поместилось в 2 раза больше новостей, при этом оставив размер блока таким же, как сейчас? Спасибо.

2 лайка

В настоящее время в каждом списке отображается максимум 5 тем. Что касается отступов, то вы можете использовать CSS-классы в блоке, чтобы добиться нужного эффекта. :+1:

1 лайк

Привет, не могли бы вы привести пример? Спасибо.

1 лайк

Извините, я новичок в редактировании тем. Это значит, что мне нужно дублировать компонент, чтобы изменить цвета? Есть ли другой способ получить доступ к HTML/CSS?

1 лайк

Конечно!

Чтобы изменить высоту элементов списка тем, вам нужно обратиться к следующему:

.custom-homepage-columns .topic-list .main-link { height: ??? }

Однако, кроме этого, минимально допустимое значение для отображения — 1, а максимальное — 5.

2 лайка

Понятно!

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

Вот что вам нужно сделать:

  1. Перейдите в /admin/customize/themes и нажмите на components (Компоненты)
  2. Нажмите на install (Установить), затем create new (Создать новый) и убедитесь, что выбран тип component (Компонент). Вы можете назвать его как угодно!

Затем он появится в области неиспользуемых компонентов:

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

После этого вы можете нажать edit CSS/HTML (Редактировать CSS/HTML)

Оттуда вы можете добавить кастомизацию CSS на вкладке common (Общие) → css. Вы можете добавить туда код, который я поделился ранее.

.custom-homepage-columns .header-wrapper { 
    background-color: `ваш цвет здесь`;
}
3 лайка

Спасибо! Теперь всё кажется таким простым :man_facepalming:

2 лайка

Привет, ребята! Идея с различными отображаемыми категориями на основе членства в группах — это именно то, что я ищу. И когда пользователь состоит в нескольких группах, для которых настроены отображаемые категории, TC может ориентироваться на основную группу пользователя.

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

3 лайка

Привет, @jordan.vidrine. У меня этот компонент не работает вместе с темой Discourse Air.
Вот мои настройки.


Но я не вижу боковую панель… И я предполагаю, что из-за строки поиска я не могу разместить это в секции баннера.

2 лайка

Вы когда-нибудь нашли решение этой проблемы?? Я использую тему Air

2 лайка