Предварительный просмотр списков тем (TLP)

@merefield

Я установил плагин Topic List Previews (TLP) и хочу отображать превью миниатюр тем на странице результатов поиска, но это не работает: показываются только плитки тем и их отрывки. При этом миниатюры отображаются на других страницах, таких как /new и /latest. Я пробовал изменять конфигурацию TLP, но ни одно из моих изменений не дало результата. Я заметил, что на этой странице упоминается другой плагин (discourse-topic-previews-sidecar), поэтому предположил, что проблема в его отсутствии. Однако после установки этого плагина страница результатов поиска по-прежнему не показывает миниатюры.

У меня есть несколько вопросов:

  1. Достаточно ли установки только TLP для включения превью миниатюр на странице результатов поиска, или мне нужны оба плагина — TLP и discourse-topic-previews-sidecar?

  2. Требуются ли какие-либо специальные настройки TLP для страницы результатов поиска? Почему мои настройки не применяются?

  3. Я хочу, чтобы на странице результатов поиска отображались превью миниатюр, как на этом сайте. Как мне это настроить? Пожалуйста, подробно опишите ключевые шаги конфигурации.

Во вложении — скриншоты моей текущей конфигурации.

Конфигурация TLP

[
	{
		"setting": "topic_list_tiles_topic_lists",
		"value": "latest|new|unread|top|tag|activity-topics|activity-portfolio|latest-mobile|new-mobile|unread-mobile|top-mobile|tag-mobile|activity-topics-mobile|activity-portfolio-mobile"
	},
	{
		"setting": "topic_list_tiles_categories",
		"value": ""
	},
	{
		"setting": "topic_list_tiles_tags",
		"value": ""
	},
	{
		"setting": "topic_list_thumbnails_topic_lists",
		"value": "latest|new|unread|top|tag|suggested|agenda|activity-topics|activity-portfolio|latest-mobile|new-mobile|unread-mobile|top-mobile|tag-mobile|suggested-mobile|agenda-mobile|activity-topics-mobile|activity-portfolio-mobile"
	},
	{
		"setting": "topic_list_thumbnails_categories",
		"value": "42"
	},
	{
		"setting": "topic_list_thumbnails_tags",
		"value": ""
	},
	{
		"setting": "topic_list_excerpts_topic_lists",
		"value": "latest|new|unread|top|tag|suggested|agenda|activity-topics|activity-portfolio|latest-mobile|new-mobile|unread-mobile|top-mobile|tag-mobile|agenda-mobile|activity-topics-mobile|activity-portfolio-mobile"
	},
	{
		"setting": "topic_list_excerpts_categories",
		"value": ""
	},
	{
		"setting": "topic_list_excerpts_tags",
		"value": ""
	},
	{
		"setting": "topic_list_actions_topic_lists",
		"value": "latest|new|unread|top|tag|suggested|agenda|activity-topics|activity-portfolio|latest-mobile|new-mobile|unread-mobile|top-mobile|tag-mobile|agenda-mobile|activity-topics-mobile|activity-portfolio-mobile"
	},
	{
		"setting": "topic_list_actions_categories",
		"value": ""
	},
	{
		"setting": "topic_list_actions_tags",
		"value": ""
	},
	{
		"setting": "topic_list_set_category_defaults",
		"value": false
	},
	{
		"setting": "topic_list_dominant_color_background",
		"value": "tiles only"
	},
	{
		"setting": "topic_list_show_like_on_current_users_posts",
		"value": true
	},
	{
		"setting": "topic_list_tiles_larger_featured_tiles",
		"value": true
	},
	{
		"setting": "topic_list_tiles_wide_format",
		"value": false
	},
	{
		"setting": "topic_list_portfolio",
		"value": true
	},
	{
		"setting": "topic_list_portfolio_filter_type",
		"value": "tag"
	},
	{
		"setting": "topic_list_portfolio_filter_parameter",
		"value": ""
	},
	{
		"setting": "topic_list_default_thumbnail",
		"value": ""
	},
	{
		"setting": "topic_list_default_thumbnail_fallback",
		"value": false
	},
	{
		"setting": "topic_list_thumbnail_resolution_level",
		"value": 3
	},
	{
		"setting": "topic_list_thumbnail_width",
		"value": 150
	},
	{
		"setting": "topic_list_thumbnail_height",
		"value": 100
	},
	{
		"setting": "topic_list_thumbnail_width_mobile",
		"value": 50
	},
	{
		"setting": "topic_list_thumbnail_height_mobile",
		"value": 60
	},
	{
		"setting": "topic_list_thumbnail_first_x_rows",
		"value": 0
	},
	{
		"setting": "topic_list_featured_images",
		"value": false
	},
	{
		"setting": "topic_list_featured_images_resolution_level",
		"value": 2
	},
	{
		"setting": "topic_list_featured_images_category",
		"value": false
	},
	{
		"setting": "topic_list_featured_images_from_current_category_only",
		"value": true
	},
	{
		"setting": "topic_list_featured_images_tag",
		"value": ""
	},
	{
		"setting": "topic_list_featured_images_tag_show",
		"value": true
	},
	{
		"setting": "topic_list_featured_images_count",
		"value": 0
	},
	{
		"setting": "topic_list_featured_images_order",
		"value": "latest"
	},
	{
		"setting": "topic_list_featured_width",
		"value": 0
	},
	{
		"setting": "topic_list_featured_height",
		"value": 250
	},
	{
		"setting": "topic_list_featured_height_mobile",
		"value": 150
	},
	{
		"setting": "topic_list_featured_title",
		"value": ""
	},
	{
		"setting": "topic_list_featured_excerpt",
		"value": 100
	},
	{
		"setting": "topic_list_featured_details_always_show",
		"value": "only on hover"
	},
	{
		"setting": "topic_list_test_image_url_timeout",
		"value": 5000
	},
	{
		"setting": "topic_list_fps_search_grid",
		"value": true
	},
	{
		"setting": "topic_list_fps_search_blurb",
		"value": true
	},
	{
		"setting": "topic_list_fps_search_author",
		"value": true
	}
]

Привет

Думаю, моя проблема связана с TLP, но я не уверен. Вчера я обновил Discourse до последней версии, и с тех пор на мобильных устройствах (и только на них — в инструментах разработчика воспроизвести не удалось) миниатюры отображаются сверху вместо левого края.

Форум: https://forum.cwowd.com/latest
(Возможно, это не связано с предыдущим «багом»: разницы нет, независимо от того, установлен ли режим Glimmer в значение «авто» или включён.)

1 лайк

Если вы очистите настройки «Списки тем», вы сможете отключить ненужные функции, например:

Существуют настройки для миниатюр, отрывков, действий и т. д.

Не удалось воспроизвести. В последней версии TLP форматирование идеальное. Удалите все остальные темы или компоненты тем и повторите попытку.

Очень вероятно, что у вас активно что-то ещё, что вступает в конфликт.

ИЛИ размер миниатюры на вашем мобильном устройстве слишком велик.

Спасибо за попытку :wink:

Размер миниатюр: я проверил, и они отображаются корректно слева, но их ширина составляет всего 12 пикселей. Само собой, в таком виде они невидимы.

Если я правильно понимаю, что происходит, слева добавляется колонка для отображения иконки автора последнего сообщения (в то время как там должна быть миниатюра, назначенная теме). Из-за нехватки места для выравнивания по левому краю, как задумано, миниатюра оказывается расположенной над заголовком темы.

1 лайк

Должно выглядеть так. Но да. Google (в моём случае) дал мне только такую ширину :sweat_smile:

Если хотите изображения побольше, переключитесь в мобильной версии на вид плиток?

Так это работало раньше, к моему большому удовлетворению, в течение многих лет :wink:

Обновление до 3.5.0.beta2-dev что-то сломало, но я не могу понять, что именно. Или почему вернулся этот проклятый столбец автора (и не получил никакой помощи от инструментов разработчика — всё в порядке, когда эмулируется мобильный дисплей)

Если миниатюры отсутствуют, должно отображаться аватар.

Я не вижу никаких проблем в последней версии? (при условии, что миниатюры достаточно маленькие :slight_smile: )

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

Мне пришлось отключить TLP для всех мобильных страниц.

Побочная проблема заключается в том, что инструменты разработчика не эмулируют реальные мобильные страницы (например, у меня миниатюры всё ещё отображаются в «мобильном представлении» инструментов разработчика, хотя TLP активирован только для десктопных страниц).

Можешь кратко объяснить почему? Я имею в виду, что я делаю всё возможное с имеющимся пространством.

Как уже упоминалось ранее (Topic List Previews (TLP) - #594 by Thierry_Trégaro), после последнего обновления Discourse миниатюры на мобильных устройствах отображаются над заголовком (вместо того чтобы быть слева), оставляя слишком большое пустое пространство слева.

К сожалению, выбора нет — приходится возвращаться к использованию аватара участника.

Я временно отключил плитки для этого представления. Я не вижу никаких проблем. Этот сайт актуален по состоянию на вчера.

Pixel 6a

Логично, что миниатюра должна быть примерно того же размера, что и аватар, чтобы всё корректно отображалось…

… или просто переключиться на вид «Плитки».

Удалось использовать инструменты разработчика… Итак, для наглядности: я попробовал активировать снова на мобильной версии с последними обновлениями, и вот что получилось.

Если установить размер миниатюры в 10 пикселей.

не могу найти способ скрыть этот столбец слева…

Вы переопределяете настройки в Теме 3?

В любом случае, в вашей конфигурации что-то странное.

Кажется, вы используете не тот шаблон.

Вот StarZen с теми же размерами:

Ах! Это может быть ошибка, извините!

Если я отключу «изображение по умолчанию», возникает проблема. Интересно, связано ли это?

ОК, попробуйте это обновление:

Если вы считаете, что Topic List Previews — это круто, и я проделал отличную работу, вы можете поддержать меня чашкой кофе :coffee:

Спасибо за ваше терпение! Из-за полной переписки, которую мне пришлось сделать для нового API и новых ограничений, появились некоторые новые ошибки.

не вижу изменений. К сведению, это без добавления каких-либо других компонентов к светлой теме.

Вид с ноутбука

Вид с мобильного устройства

После прочтения вашего поста я также попробовал использовать изображение по умолчанию (из Ionic). Значимых изменений нет (кроме того, что оно корректно удаляет фотографию автора).

Я могу выровнять отображение слева (добавил в свой CSS следующий код):

.mobile-view .topic-list .right {
    margin-left: 60px !important;
}

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

Редактирование: теперь, когда я разобрался, наконец решил свою проблему с помощью небольшого количества CSS Grid. Не идеально, но приемлемо.


Кстати, у меня есть одна просьба: было бы здорово иметь возможность добавлять краткое описание для новых тем, но не для новых ответов (или что угодно, что предпочитает любой форум^^)

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

Частичный вид ленты Star Citizen с последними обновлениями и ссылками на контент. (Подпись сгенерирована ИИ)

(хотя для дат и счётчиков это слишком широко).

Вы уверены, что у вас нет других активных компонентов, которые могут мешать?

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

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

2 лайка

Я вижу, что некоторые экземпляры PreviewsThumbnail не имеют @url. Это намеренно?

1 лайк