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

Сначала хочу сказать спасибо за этот замечательный компонент. Он визуально поднял наш форум на несколько ступеней и стал отличным способом оживить старые темы без необходимости, чтобы сотрудники их закрепляли.

Однако у меня есть вопрос, и возможно, я упускаю простое решение: можно ли убрать аватарку автора оригинального поста (OP) из плитки… Или, что предпочтительнее, просто отключить возможность клика по аватарке OP?

Спасибо за это, Дэвид. Я пытаюсь настроить display-on-categories и scope-to-category, но у меня получается отображать рекомендованные плитки только на главной странице «Последнее» и «Категории», а не на страницах отдельных категорий. Есть ли у вас идеи, что я делаю не так? Ниже мои настройки. Я пробовал это с отключенными всеми другими TC и в безопасном режиме с отключенными неофициальными плагинами. В консоли или логах ничего связанного с этим я не вижу.

Скриншот настроек

Также, есть ли способ добавить отступы между изображениями?

1 лайк

Есть ли способ показать 4 плитки на рабочем столе и только 1 или 2 на мобильном устройстве? На мобильном это выглядит не очень хорошо. Спасибо!

Есть ли у вас темы с меткой editors-pick в каждой отдельной категории?

Да, это можно сделать с помощью CSS. Например:

.featured-tiles-container {
    gap: 1em;
}

Это тоже можно реализовать через CSS. Чтобы скрыть 3-ю, 4-ю и 5-ю плитки на мобильных устройствах, можно использовать что-то вроде:

.mobile-view .featured-tiles-container > .featured-tile:nth-child(2) ~ .featured-tile {
    display: none;
}
3 лайка

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

Это отлично работает в Firefox и Chrome, но не в Safari. Есть ещё какие-то идеи?

Также небольшая просьба по улучшению: добавить заголовок для выделяемых изображений, ведь как иначе люди узнают, что на них изображено? Я знаю, знаю, нужно отправить pull request, но поверьте, вы не захотите, чтобы это сделал я :grin: Что-то вроде этого:

1 лайк

У меня то же самое. Я тестирую компонент на новом экземпляре, поэтому отключать особо нечего. Рекомендуемые плитки отображаются только на Последних и в Категориях.

2 лайка

Привет, @david

В моих тестах для некоторых существующих тем изображение не отображается. Я работаю на последней версии с успешным прохождением тестов.
Что я уже пробовал:

  • разместил изображение в первой строке первого поста
  • обновил HTML первого поста
  • удалил и снова добавил тег «избранное»
  • проблема сохраняется также в предпросмотре темы

Есть какие-то идеи?

У меня возникла точно такая же проблема. Удалось ли вам её исправить?

Есть ли причина, почему это не отображается на страницах категорий, хотя соответствующая опция отмечена?

1 лайк

У меня та же проблема: он не отображается на страницах категорий, даже когда это единственный активный компонент. Можете помочь, @david?

1 лайк

Я внёс обновление, которое должно исправить это для страниц категорий — попробуйте!

5 лайков

Ура, Крис, ты просто супер!

1 лайк

У кого-нибудь есть идея, как вставить текст над этим компонентом или под .list-controls? Мне очень нужен текст сверху, чтобы объяснить, что это за изображения. Красная линия на изображении ниже — это место, где мне это нужно. Спасибо!

Для быстрого решения вы всегда можете использовать селекторы before или after, чтобы вставить контент на вашем сайте. Например:

.featured-tiles::before {
  content: "Привет";
}
1 лайк

Спасибо, Ноло, этого пока хватит! Было бы здорово добавить туда URL, но это тоже сойдёт. Спасибо за помощь.

1 лайк

Какой ПРЕКРАСНЫЙ сайт, @davidkingham !!! Потрясающе!!!

1 лайк

Выглядит действительно хорошо… когда работает.
На нашем сайте Discourse в облаке это работает только если выбран один тег. Если выбрано несколько тегов, отображается пустая строка баннера.

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

Может ли кто-то другой попробовать и подтвердить это?

1 лайк


Да, у меня тоже эта проблема. У тех, где нет изображений, даже нет тега «избранное».

Идея для запроса функции

Кажется, что EDiT должен работать так, как я описал. :man_facepalming:

Однако в теме Air он пустой, как показано ниже. Что я делаю не так? Если нужно, могу отправить ссылку на сайт в личные сообщения.

У меня есть две темы с картинками в первом посте. Картинки стоят первыми в посте.

Недавно я установил ваш компонент темы и подумал, что было бы отлично, если бы вы добавили эти две функции:

  1. Кнопки «Далее» и «Назад»
    Я ознакомился с этим кодом, но не знаю, как внедрить его в ваши настройки:

https://stackoverflow.com/questions/65833297/add-prev-next-buttons-to-scroll-container-with-css-and-jquery

  1. Возможность подгрузки дополнительного контента после того, как пользователь просмотрел все предыдущие новости.

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

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


Посмотреть можно по ссылке: https://businesslab.vn

3 лайка