主页特色

:discourse2: 摘要 主页特色 功能会在您社区的主页上展示最多 5 个带有图片的主题。
:eyeglasses: 预览 在 Discourse 主题创建器中预览
:hammer_and_wrench: 仓库链接 https://github.com/discourse/discourse-homepage-feature-component
:open_book: 初次接触 Discourse 主题? Discourse 主题使用入门指南

安装此主题组件

功能

默认情况下,该主题将展示带有 featured 标签的 3 个最新主题,并提取主题中的第一张图片。在设置中,您可以选择自定义标签、隐藏标签、设置自定义标题,并配置组件出现的位置。

:iphone: 移动设备及小屏幕

默认情况下,在移动设备上,主题数量会减少,直到只剩一个。

您可以通过启用 始终显示全部 来更改此默认行为。这将使组件在较小屏幕(< 1000px)上可水平滚动。
在最小屏幕(< 600px)上,您还可以通过更改 移动样式 设置来选择将主题堆叠显示。

设置

名称 描述
特色标签
主题数量 在最大宽度下最多显示 5 个主题
隐藏特色标签 启用后,普通用户在查看主题时将看不到上方设置的“特色标签”。
显示位置
显示范围
可折叠 使整个组件可折叠
显示标题 显示下方设置的文本(当启用可折叠时,标题始终显示)
标题文本 按创建时间排序
始终显示全部 默认情况下,显示的主题数量会随着屏幕尺寸减小而减少,在移动设备上仅显示 1 个。勾选此设置将在任何屏幕尺寸下显示全部。
隐藏已关闭主题 从特色主题列表中隐藏已关闭的主题
始终链接到首帖 即使主题已被阅读过,也始终链接到主题中的第一篇文章
移动样式 如果勾选了 show_all_always,默认情况下主题将通过水平滚动显示。您可以在较小屏幕上更改此行为,并选择在小于 600px 的屏幕上堆叠显示。
特色内容位置 高级主题开发:此设置更改组件的插件出口
翻译 默认值
featured_topic_title

:discourse2: 由我们托管? 主题组件可在我们的标准版、商业版和企业版计划中使用。

89 个赞

伙计们,这太棒了!非常感谢。如果能加入核心功能就太完美了。

1 个赞

移动版中的“精选主题”不应使用复数形式。

3 个赞

这很棒。虽然我已经在用“精选主题”组件了,但这确实也是个不错的主意。

不过有个建议:能不能让这个组件也支持链接,而不仅仅是标签?也许我们可以让内容来源关联到分类和/或热门(代表 trending)内容。这样一来,首页就可以实现类似 Reddit 的热门话题功能了。你觉得怎么样,@awesomerobot

很棒的组件,谢谢!有一个小功能请求:如果能调整桌面端和移动端显示的主题数量,并在图片下方显示帖子作者,那就太好了…

4 个赞

我认为应该为“船舶”主题添加轮播图,因为在移动端一次只能看到一个主题。

为“船舶”主题添加按钮。

1 个赞

也许您的主题没有图片?

组件非常棒,让首页看起来很不错。是否可以在移动设备上也展示 3 个主题?也许可以用轮播图?另外,是否也可以按类别展示精选主题?

3 个赞

非常棒的组件 :+1:

我赞同关于显示作者的建议。另外,如果能实现以下功能就更好了:

  • 图片上的链接始终指向最新帖子(就像标题中的那个)
  • 可以选择替代布局,例如上面某个帖子中的变体:左侧显示最新创建的话题,右侧显示较小的话题
  • 当标题为空时,能够隐藏组件标题
  • 在移动端支持水平滚动(可以通过下方的小图标或侧边箭头实现),以便展示三到四个话题
3 个赞

我发现了一个关于此组件与用户卡片交互的 bug。

不知何故,用户卡片似乎没有意识到该组件增加了页面高度。

这是主题预览器的截图:当我点击用户个人资料时,卡片会弹出。如您所见,用户卡片似乎没有注意到精选主题:

我已经尝试了几次修复,但不确定为什么在计算用户卡片位置时没有考虑到该组件的高度。

谢谢!

2 个赞

我刚刚做了一个更新来修复这个问题。

我之前的实现方式会干扰某些外边距折叠问题……这导致用户卡片的位置计算出现偏差……这里简要介绍了相关内容:https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing,这与“父元素与后代元素之间没有内容分隔”的情况有关。

9 个赞

太棒的插件主题了!

可以随机化旋转顺序吗?我已将其设置为显示 2 个,但它总是显示最近活动最频繁的两个线程。

你好 @awesomerobot,这个主题组件太棒了。不过,我想了解一下,在移动端版本中,是否可以让它不只显示 1 个主题,而是像主页那样展示 3 个精选主题的轮播图?我觉得这样会让主页看起来更美观。另外,如果能在每个分类页面也添加精选主题就更好了。希望能得到你的反馈,非常感谢你的工作!

3 个赞

我已经搞定了 CSS 技巧,现在在移动端可以滚动了!但只能垂直滚动,不知道如何实现水平滚动 :smiley:

1 个赞

太棒的组件了!
唯一的问题是,在我的论坛上,移动端显示时,特色内容下方留白过多。

请问我能否修复这个问题,或者至少能在移动端视图中禁用它?
谢谢!

2 个赞

谢谢,这真的很棒。
我们是否可以让移动端以轮播模式显示 3 个内容?

另一个很棒的特性是,当您进入某个分类或标签时,系统可以过滤您的“精选”标签,并专门针对该标签或分类进行展示。

无论如何,这真的很出色。谢谢。

1 个赞

这很奇怪,我这边没看到那么多空间……是不是你安装了其他主题导致的?(顺便一提,这看起来像是在移动设备上显示了桌面视图,而不是移动视图)

这是我在未启用其他主题的情况下进行的测试:

1 个赞

你好,
昨天,我们有 3 篇帖子的缩略图显示得非常完美(其中 2 篇帖子并未包含图片,而是嵌入了 YouTube 视频),系统成功提取了缩略图,一切正常。

然而今天,那两篇包含 YouTube 视频的帖子的缩略图突然不再显示了。这里是否存在已知问题?

https://www.tournamust.com/

我尚未意识到存在此类问题,但我并未针对嵌入视频测试过该组件。我会查看一下,看看是否有明显的原因。