Я думаю, это отличный компонент!
Признаюсь, я потратил два-три дня, пытаясь научиться создавать компонент темы, который делал бы ровно то же, что и этот. Я не считаю это время потраченным впустую, потому что я многому научился, но всё же хотел бы раньше последовать совету с форума ask.discourse и ознакомиться с этим компонентом.
Одна вещь, в которой я не могу разобраться
Мне нравится макет карточек, но я хотел бы отображать миниатюру и отрывок в этом макете. Буду признателен за любые подсказки.
Вместо этого я остановился на макете списка, но хотел изменить несколько вещей. Я добавил их во вкладку common.css. Возможно, это поможет кому-то ещё.
Чтобы скрыть тег темы
.featured-topics__topic-tag {
display: none;
}
Чтобы скрыть аватар автора
.featured-topics__wrapper .topic-author {
display: none;
}
Чтобы скрыть ссылку на категорию
.featured-topics__wrapper .category-link {
display: none;
}
Редактирование: добавил
Я оставлю исходный пост выше без изменений, но хотел бы добавить
как показать отрывок в виде карточек
.featured-topics__topic-container.thumbnail .topic-excerpt {
display: contents;
}
Также мне больше нравится макет списка на компьютере, чем макет карточек, но на мобильных устройствах он выглядит ужасно. Миниатюра находится слева, а заголовок и отрывок — в узком столбце справа. Я ещё не понял, как сделать так, чтобы текст обтекал миниатюру или чтобы все элементы располагались в одном столбце друг под другом.
Поскольку я выяснил, как отображать миниатюру и отрывок в макете карточек, который неплохо смотрится на мобильных устройствах, я перешёл на этот макет, так как предполагаю, что большинство пользователей просматривают сайт с телефона.