Рекомендуемые тайлы

:discourse2: Резюме Featured Tiles добавляет строку с выделенными плитками над списками тем.
:eyeglasses: Предпросмотр Предпросмотр в конструкторе тем Discourse
:hammer_and_wrench: Ссылка на репозиторий https://github.com/discourse/discourse-featured-tiles
:open_book: Новичок в темах Discourse? Руководство для начинающих по использованию тем Discourse

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

Возможности

Featured Tiles добавляет строку с выделенными плитками над списками тем.

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

Доступно множество вариантов выбора источника тем. Изображения можно получать по тегу, по категории или используя период «топ тем». Изображения можно ограничить текущей просматриваемой категорией или взять со всего сайта.

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

Настройки

Название Описание
featured category Категория, содержащая выделенные темы. Установите значение 0 для всех категорий. Настройка «Ограничить категорией» переопределит это значение.
featured tags Тег, содержащий выделенные темы. Он должен быть публично доступен.
topic source Какой алгоритм следует использовать для выбора тем
top period Период времени, используемый, когда «topic_source» установлен в «top»
randomize topics Случайным образом выбирать и упорядочивать темы
display when unfiltered Отображать на странице «Последние» без фильтрации
display on categories Отображать на страницах категорий
display categories Отображать плитки при просмотре этих категорий. Оставьте пустым для всех категорий
maximum topic count Максимальное количество отображаемых тем
scope to category Ограничить темы текущей категорией
display mobile Отображать на мобильных устройствах
Перевод Значение по умолчанию
preference_header Баннер выделенных тем
preference_description Показывать баннер выделенных тем на этом устройстве

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

38 лайков

Вау.

Это потрясающе! Это привлечет еще больше кликов на моем форуме.

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

Captura de Tela 2020-07-12 às 17.07.12

Редактирование: один участник сказал, что это работает только на MacOS, потому что он ничего не видит.

Приятная и функциональная тема :v:.

Чем она отличается от компонента функции главной страницы? Это только вопрос стиля или есть более глубокие различия?

1 лайк

В основном это вопрос стиля. Кроме того, компонент «Фича главной страницы» предназначен только для использования на главной странице. Этот же работает ещё в нескольких местах.

3 лайка

Не могли бы вы попросить участника проверить консоль ошибок браузера? Также сообщите нам, какой браузер он использует?

Firefox

Chrome

Похоже, эта ошибка исходит от другого компонента темы. Можете попробовать отключать их по одному?

4 лайка

Привет,

При такой конфигурации плитки должны отображаться на всех страницах категорий, верно? Мой тег для избранного — “destacado”, однако плитки не появляются на странице категории.

2 лайка

Это то же самое, что и тема Предварительный просмотр списков тем?

Нет, это не одно и то же. Компонент темы «Featured Tiles», о котором идёт речь в этой теме, официально поддерживается командой Discourse и предоставляет только то, что показано на скриншоте. «Topic List Previews» — это сторонний плагин и/или тема с другим дизайном и набором функций.

2 лайка

Мне это очень нравится.

Есть ли способ настроить выборку только из тем с фотографиями или изображениями? В противном случае возникает диссонанс: ряд пустых серых квадратов и изредка — фотография.

Спасибо,
Рэй

2 лайка

@david как мне повысить качество изображений и, возможно, увеличить их размер до 180x80, спасибо

Должны использоваться изображения размером 200x200 на обычных экранах, автоматически увеличивающиеся до 400x400 на экранах с высоким разрешением (HiDPI).

Вы видите что-то другое?

Могу ли я отправить вам личное сообщение, так как мой форум имеет возрастные ограничения?

1 лайк

Спасибо за ссылку. Просматривая сайт, я вижу, что проблема в том, что изображения имеют портретную ориентацию. Таким образом, мы сжимаем изображение размером 3072x4608 пикселей в квадрат 200x200, получая размер 133x200. Затем мы пытаемся «заполнить» им блок размером 222x150. В результате мы отображаем изображение шириной 133 пикселя в области шириной 222 пикселя.

Одно из решений — перестать «заполнять» баннер изображением и вместо этого «вписать» его. Именно такой подход мы используем для миниатюр в списке тем:

Добавление нового параметра для компонента темы с этой функцией — это задача pr-welcome, если кто-то захочет над ней поработать.

7 лайков

Выглядит отлично, мне нравится, что плитки не перегружают интерфейс. У меня есть несколько вопросов по его настройке.

Мне не удалось отобразить рекомендуемые плитки на страницах категорий — они появляются только на главной странице. Ниже приведена моя конфигурация (названия категорий я закрыл, так как пока не хотим их раскрывать). Не упустил ли я что-то?

Текущая конфигурация

Второй вопрос — можно ли задать изображения по умолчанию для плиток, вместо тех, что берутся из тем? Часто мы будем рекомендовать темы без изображений, но при этом хотим, чтобы всё выглядело аккуратно. Если встроенного способа сейчас нет, придётся ли для этого править CSS или JS?

2 лайка

Привет, Дэвид!

Потрясающий компонент темы. Как и другие, хочу спросить: можно ли добавить изображения по умолчанию для тем без картинок?

Например, Featured1.img или Featured2.img, если изображение не обнаружено?

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

1 лайк

Есть ли определенный тип изображения (.jpg, .png, .tiff), с которым это работает? Изображения не отображаются в 2 из 3 тем, которые я пометил, хотя сама тема отображается.


ОС - Mac 10.15.7 (В Chrome, Safari и версии для iOS ситуация одинаковая)

1 лайк

Тема отображает пустой серый баннер при активации на сайте:

хотя опция тега выбрана и в разделе feature-tag есть несколько тем.

Согласен. Всё ещё wondering, есть ли способ обойти поиск изображения по всей теме, если оно там есть? Или система возьмёт его ТОЛЬКО из первого поста?