# 主题列表预览（旧版）

**URL:** <https://meta.discourse.org/t/topic-list-previews-legacy/101646>\
**Category:** Plugin\
**Tags:** deprecated\
**Created:** [2018 年11 月 9 日 03:56 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646 "2018-11-09T03:56:38Z")\
**Posts on this page:** 20\
**Page:** 26

<div class="post-metadata">

作者： ![P16](https://avatars.discourse-cdn.com/v4/letter/p/b19c9b/32.png) [@P16](https://meta.discourse.org/u/P16)\
发布日期： [2021 年2 月 5 日 13:48 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1456 "2021-02-05T13:48:33Z")

</div>

嗨，Robert，想提醒一下新加载滑块条的一个 bug：如果你进入某个话题，然后尝试返回主页（例如点击徽标），`body.loading #main-outlet` 的不透明度会保持在 0.2。我认为 TLP 中的某些内容与 David 在此处所做的淡出更改发生了冲突：

> <https://github.com/discourse/discourse-loading-slider/commit/d48c595cd9d467a52c57a12f5d3d5244686bcd6c>

这仅影响该插件，不影响 TC。

---

<div class="post-metadata">

作者： ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
发布日期： [2021 年2 月 5 日 14:00 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1457 "2021-02-05T14:00:08Z")

</div>

感谢您的报告：鉴于该功能本身是一个可选择的 TC，且目前尚处于变动之中，我将暂缓进行任何修改。待其稳定后（尤其是如果它被合并到核心中时），我会确认是否能够提供支持。

---

<div class="post-metadata">

作者： ![10ColorsTenkara](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/10colorstenkara/32/94154_2.png) [@10ColorsTenkara](https://meta.discourse.org/u/10ColorsTenkara)\
发布日期： [2021 年2 月 7 日 16:16 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1458 "2021-02-07T16:16:02Z")

</div>

看起来这个插件导致使用 iOS 的用户无法正常使用我的论坛。我已禁用并重新启用了网站上的所有插件，只有这个插件引起了问题。如果您需要任何信息，请随时告诉我。

---

<div class="post-metadata">

作者： ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
发布日期： [2021 年2 月 7 日 16:30 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1459 "2021-02-07T16:30:14Z")

</div>

您已超出每月支持期（根据 OP 中链接的支持政策，为每月 1 日至 5 日），但我会尝试复现该问题。

---

<div class="post-metadata">

作者： ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
发布日期： [2021 年2 月 7 日 16:39 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1460 "2021-02-07T16:39:27Z")

</div>

最新版本无法复现，我在 iPhone 11 和 iPad mini（iOS 14）上测试正常。

请查看，例如：[https://rideabl.es](https://rideabl.es)

另一个带有 TC 的网站在 iOS 上也能正常运行。

---

<div class="post-metadata">

作者： ![10ColorsTenkara](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/10colorstenkara/32/94154_2.png) [@10ColorsTenkara](https://meta.discourse.org/u/10ColorsTenkara)\
发布日期： [2021 年2 月 7 日 19:08 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1461 "2021-02-07T19:08:08Z")

</div>

抱歉，我有一段时间没来这里了，也有一段时间没看这个帖子了。

谢谢你的回复。

我也不太清楚该说什么。我的网站在 iPad Pro（iOS 14.4）上无法使用，而且我有很多用户使用了各种不同的苹果设备，他们都无法点击网站上的任何内容。

正如我刚才所说，我禁用了所有插件，然后逐个重新启用，每次启用一个后就关闭它，再测试下一个。唯一导致问题的就是这个插件。顺便提一下，这是一个非常受欢迎的功能。

---

<div class="post-metadata">

作者： ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
发布日期： [2021 年2 月 7 日 19:15 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1462 "2021-02-07T19:15:49Z")

</div>

别认为这是 TLP 的问题。它在多台苹果设备上都能正常运行。其他插件或主题组件的 JavaScript 问题可能会导致 TLP 失效。请在桌面浏览器的 JavaScript 控制台中检查错误。

---

<div class="post-metadata">

作者： ![10ColorsTenkara](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/10colorstenkara/32/94154_2.png) [@10ColorsTenkara](https://meta.discourse.org/u/10ColorsTenkara)\
发布日期： [2021 年2 月 7 日 19:19 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1463 "2021-02-07T19:19:52Z")

</div>

谢谢，多谢提醒。

---

<div class="post-metadata">

作者： ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
发布日期： [2021 年2 月 11 日 17:09 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1464 "2021-02-11T17:09:03Z")

</div>

## 用户投票 - 请发表您的意见

@david 刚刚发布了一种从主题原始发帖（OP）中选择缩略图的原生新方法，详见：[Topic List Thumbnails - #126](https://meta.discourse.org/t/topic-list-thumbnails-theme-component/150602/126?u=merefield)

这应该能立即与 TLP 主题组件（TC）兼容。

不过，正如您所知，在插件和 TC Sidecar 中都存在一个“缩略图选择器”，它不仅允许您从原始发帖中选择缩略图，还可以选择主题内任何帖子的缩略图。

如果可以的话，我想从 TLP 中淘汰这个缩略图选择器，但这取决于大家如何在 TLP 中使用此功能。因此，我们发起以下投票：

_Poll ([view on site](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1464))_

---

<div class="post-metadata">

作者： ![Thierry\_Trégaro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thierry_tr%C3%A9garo/32/161951_2.png) [@Thierry\_Trégaro](https://meta.discourse.org/u/Thierry_Tr%C3%A9garo)\
发布日期： [2021 年2 月 13 日 17:23 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1465 "2021-02-13T17:23:20Z")

</div>

你好！刚刚更新了 5 个提交，但……找不到在移动设备上移除“精选”的方法（之前只在笔记本电脑上使用）。或者那只是我丢失的一行 CSS 代码？

---

<div class="post-metadata">

作者： ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
发布日期： [2021 年2 月 14 日 14:54 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1466 "2021-02-14T14:54:11Z")

</div>

是的，目前只有一个全局开关，你需要通过 CSS 实验来隐藏它们。

类似这样：

```plaintext
.mobile-view .tlp-featured-topics {
  display: none;
}

```

？

欢迎打开浏览器的开发者工具进行尝试。如果你找到可行的解决方案，请在这里分享。

---

<div class="post-metadata">

作者： ![Thierry\_Trégaro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thierry_tr%C3%A9garo/32/161951_2.png) [@Thierry\_Trégaro](https://meta.discourse.org/u/Thierry_Tr%C3%A9garo)\
发布日期： [2021 年2 月 14 日 22:21 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1467 "2021-02-14T22:21:13Z")

</div>

我想这就是我使用的解决方案。

顺便问一下，是否可以将“主题列表特色图片数量”（以及尺寸）针对不同的媒体使用情况设置为不同的值？我目前的 8 张 135x135 的图片在手机端显示效果很差，只能展示 2 到 2.5 张图片。我打算将其设置为 0，但非常希望能让手机端显示 4 张更小的图片。

---

<div class="post-metadata">

作者： ![lhkjacky](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhkjacky/32/204198_2.png) [@lhkjacky](https://meta.discourse.org/u/lhkjacky)\
发布日期： [2021 年2 月 23 日 10:25 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1468 "2021-02-23T10:25:50Z")

</div>

我刚刚发现，在“主题列表操作”中包含“建议”可能会导致页面出现问题。🤔

在 Chrome 检查器中，控制台显示了错误。

 ![2021-02-23_180959](https://global.discourse-cdn.com/meta/original/3X/a/f/af2064b4c6dc6f4e3d4d6c998fdcced955611b30.png)

 ![2021-02-23_181034](https://global.discourse-cdn.com/meta/original/3X/4/4/44a15ab57afea58d2e472af678c7363e0d84c9aa.png)

当我在“主题列表操作”中添加“建议”时，谷歌广告不会显示，除非我刷新页面。

此外，有时点击建议的主题时，建议的主题会加载到页面底部（在所有回复下方），这正常情况下绝不应该发生。刷新页面可以解决该问题。

现在我已从“主题列表操作”中移除了“建议”，所有问题都消失了。🥳

---

<div class="post-metadata">

作者： ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
发布日期： [2021 年2 月 23 日 10:30 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1469 "2021-02-23T10:30:55Z")

</div>

哎呀，可能应该取消对该功能的支持，谢谢！

---

<div class="post-metadata">

作者： ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
发布日期： [2021 年3 月 2 日 08:42 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1470 "2021-03-02T08:42:50Z")

</div>

很遗憾不行，但如果你调整得当，应该能达到那种效果？我们或许可以直接添加一个设备尺寸选项，一举两得。功能请求链接在主题帖中。

---

<div class="post-metadata">

作者： ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)\
发布日期： [2021 年3 月 2 日 16:42 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1471 "2021-03-02T16:42:48Z")

</div>

嘿，Rob，我不知道还有没有人在使用“低数据模式”，但自从我们迁移到 TC 后，我觉得这个功能已经不再需要了。我的做法是安装两次 TC，并分别为低带宽场景设置一个不同的主题，其中的缩略图分辨率要低得多。当然，这比“低数据模式”更有效，因为它适用于任何屏幕。

---

<div class="post-metadata">

作者： ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
发布日期： [2021 年3 月 2 日 16:56 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1472 "2021-03-02T16:56:46Z")

</div>

哈哈！太棒的变通办法了！我们本来也可以早点想到的！🙂

---

<div class="post-metadata">

作者： ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)\
发布日期： [2021 年3 月 2 日 17:07 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1473 "2021-03-02T17:07:56Z")

</div>

我想你是在它还是插件的时候就把它加进去了，TC一发布我就想出了这个办法！

---

<div class="post-metadata">

作者： ![Zup](https://avatars.discourse-cdn.com/v4/letter/z/c37758/32.png) [@Zup](https://meta.discourse.org/u/Zup)\
发布日期： [2021 年3 月 18 日 02:21 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1474 "2021-03-18T02:21:31Z")

</div>

与 [Topic List Thumbnails](https://meta.discourse.org/t/topic-list-thumbnails-theme-component/150602)? 相比，这有什么不同？

---

<div class="post-metadata">

作者： ![JimPas](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jimpas/32/148179_2.png) [@JimPas](https://meta.discourse.org/u/JimPas)\
发布日期： [2021 年3 月 18 日 07:05 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1475 "2021-03-18T07:05:18Z")

</div>

`主题列表缩略图主题组件` 是一个会影响整个主题的主题组件。而 `主题列表预览` 是一个插件，您可以根据需要将其用于全部或部分主题。

> [@merefield](#):
>
> ## 概述
> 
> 主题列表预览允许您：
> 
> - 为主题列表项添加图片、摘要、按钮和主题统计信息；
> - 更改主题列表项的布局和样式；
> - 在主题列表和主题上方添加“精选”主题；
> - 在用户活动页面（即“作品集”功能）添加用户墙。
> 
> 这些设置可以应用于整个站点或特定类别的全部或部分主题列表。
> 
> 这一灵活的功能集使您能够创建多种不同的主题列表样式。

主题组件可应用于一个或多个主题，并会影响该主题中的所有主题。此主题组件的功能如下：

> [@Topic List Thumbnails](https://meta.discourse.org/t/topic-list-thumbnails-theme-component/150602):
>
> discourse2Summary Topic List Thumbnails allows you to show topic thumbnails in topic list views.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/topic-list-thumbnails-blog) (blog style) [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/topic-list-thumbnails-grid) (grid) [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/topic-list-thumbnail-list) (list) [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/topic-list-thumbnails-masonry) (masonry) [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/topic-list-thumbnails-minimal-grid) (minimal grid)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-topic-thumbnails](https://github.com/discourse/discourse-topic-thumbnails)open_bookNew to Discourse Themes? [Begi…](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966)

[上一页](https://meta.discourse.org/t/topic-list-previews-legacy/101646.md?page=25)

[下一页](https://meta.discourse.org/t/topic-list-previews-legacy/101646.md?page=27)
