Блоки главной страницы

Настройка Компонент темы
1
:information_source: Краткое описание Создайте пользовательскую домашнюю страницу с настраиваемыми блочными компонентами
:hammer_and_wrench: Репозиторий Manuel Kostka / Discourse / Blocks / Homepage Blocks · GitLab
:question: Руководство по установке Как установить тему или компонент темы
:open_book: Новичок в темах Discourse? Руководство для начинающих по использованию тем Discourse

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

Этот компонент объединяет функции из Right Sidebar Blocks и пользовательский маршрут домашней страницы. Он инициализирует маршрут и позволяет организовывать блочные элементы на главной странице, обеспечивая гибкость в макете и представлении контента.

Ниже представлены два примера видов: первый показывает домашнюю страницу с базовыми блоками, расположенными друг над другом, а второй демонстрирует тот же макет с применёнными пользовательскими стилями:

Screenshot 2025-01-14 at 10-40-23 Homepage Blocks
Screenshot 2025-01-14 at 10-40-23 Homepage Blocks1486×1654 215 KB

Screenshot 2025-01-14 at 10-41-01 Homepage Blocks
Screenshot 2025-01-14 at 10-41-01 Homepage Blocks1486×2797 321 KB

Редактирование блоков

Вы можете настраивать блоки через параметры компонента. Каждый блок добавляется путём указания имени его компонента Ember:

A screenshot of an interface with multiple dropdown menus and name inputs labeled "block-banner", "block-top-tags", and "block-upcoming-events", among others. (Captioned by AI)
A screenshot of an interface with multiple dropdown menus and name inputs labeled "block-banner", "block-top-tags", and "block-upcoming-events", among others. (Captioned by AI)726×1152 46.5 KB

После добавления блока вы можете изменить его свойства, используя доступные параметры:

The image shows a user interface with text fields for a "block banner," including title, subtitle, and class options. (Captioned by AI)
The image shows a user interface with text fields for a "block banner," including title, subtitle, and class options. (Captioned by AI)726×753 28.9 KB

Доступные блоки

Вы можете добавить любой компонент Ember, указав его имя компонента. Кроме того, у меня есть коллекция блоков, доступная по адресу Blocks · GitLab. Это в основном вариации из Right Sidebar Blocks.

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

A documentation page for the "Featured List" block component, detailing parameters and template code for creating a featured list with multiple filters. (Captioned by AI)
A documentation page for the "Featured List" block component, detailing parameters and template code for creating a featured list with multiple filters. (Captioned by AI)964×1114 57.8 KB

24 лайка
Using the new custom-homepage feature
Hide/insert content on landing page
Right Sidebar Blocks
Leaderboard in homepage
Using the new custom-homepage feature
2

Это действительно круто, Мануэль, отличная работа! :+1:

4 лайка
3

@manuel, можно ли также использовать это для создания пользовательских страниц и добавления их в боковую навигацию?

4

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

1 лайк
7 
Ошибка: Попытка разрешения динамического компонента с определением в виде строки, `block-banner`, в шаблоне строгого режима. В строгом режиме использование строк для разрешения определений компонентов запрещено. Вместо этого вы можете импортировать определение компонента и использовать его напрямую.

У меня появляется такая ошибка.

1 лайк
8

Спасибо за сообщение, @xin_wei. Хотя мне не удалось воспроизвести проблему, я использую версию Discourse 3.6.0.beta1-dev и свой блок-компонент из Manuel Kostka / Discourse / Blocks / Banner · GitLab.