特色瓷砖

:discourse2: 摘要 精选板块 在主题列表上方添加一行精选板块。
:eyeglasses: 预览 在 Discourse 主题创建器中预览
:hammer_and_wrench: 仓库链接 https://github.com/discourse/discourse-featured-tiles
:open_book: 初次接触 Discourse 主题? Discourse 主题使用入门指南

安装此主题组件

功能

精选板块 在主题列表上方添加一行精选板块。

鼠标悬停时,将显示主题标题和作者:

提供多种选项用于选择主题来源。图片可通过标签、分类或“热门主题”时间段获取。图片可限定为当前查看的分类,也可来自整个站点。

用户界面偏好设置中新增了一项设置,允许用户在当前设备上隐藏横幅。

设置

名称 描述
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: 由我们托管? 主题组件可在我们的标准版、商业版和企业版计划中使用。

38 个赞

哇。

太棒了!这会让我的论坛吸引更多点击。

@David 虽然未被选中,但它仍然显示在分类页面上。另外,如果某个主题没有图片,我们可以设置一个默认图片吗?

Captura de Tela 2020-07-12 às 17.07.12

编辑:一位成员告诉我,这仅在 macOS 上有效,因为他看不到任何内容。

一个既美观又实用的主题 :v:

它与 首页功能组件 有何不同?仅仅是样式上的区别,还是存在更深层的差异?

1 个赞

这主要是样式问题。此外,首页特性组件仅设计用于首页。而此组件可在更多地方使用。

3 个赞

你能让该成员检查一下浏览器的错误控制台吗?同时也请告诉我们他们使用的是哪个浏览器?

Firefox

Chrome

这个错误似乎来自另一个主题组件。你能尝试逐个禁用它们吗?

4 个赞

您好,

使用此配置,缩略图应该出现在所有分类页面中,对吗?我的特色标签是“destacado”,但缩略图并未在分类页面中显示。

2 个赞

这和主题 主题列表预览 是一样的吗?

不,它们并不相同。本主题中提到的“精选板块主题组件”由 Discourse 团队官方维护,仅提供截图中所示的功能。“主题列表预览”则是一个第三方插件和/或主题,其设计和功能集均有所不同。

2 个赞

我超喜欢这个。

有没有办法让它只提取包含照片或图片的主题?否则,当出现一排空白的灰色方块,偶尔夹杂一张照片时,看起来会很不协调。

谢谢,
Ray

2 个赞

@david 我该如何提高图片的质量,并可能将尺寸调整为 180x80?谢谢

在普通屏幕上应使用 200x200 的图片,并在高分屏(HiDPI)上自动缩放至 400x400。

您看到的情况不同吗?

我可以给你发私信吗?因为我的论坛有年龄限制。

1 个赞

感谢提供链接。查看该网站后,问题在于图片是竖版构图。因此,我们将一张 3072x4608 的图片压缩到一个 200x200 的正方形中,结果变成了 133x200。接着,我们用这张图片去“填充”一个 222x150 的方框。这意味着我们实际上是将一张宽度为 133 像素的图片显示在一个宽度为 222 像素的区域中。

一个解决方案是停止用图片“填充”横幅,而是改为“适配”。我们在主题列表缩略图中采用的就是这种方法:

如果有人愿意为此工作,可以为该主题组件添加一个新设置,对应的 PR 编号为 #pr-welcome。

7 个赞

看起来很棒,我喜欢这些图块不会让界面显得杂乱。我有几个关于配置的问题。

我一直无法在分类页面上显示精选图块,只有首页可以显示。我的配置如下(出于保密考虑,我已将分类名称涂黑)。我是否遗漏了什么?

当前配置

我的第二个问题——有没有办法为图块设置默认图片,而不是从主题中自动获取?我们经常需要展示一些没有图片的主题,但仍然希望它们看起来美观。如果目前没有内置功能,这是否意味着需要修改 CSS 或 JS?

2 个赞

你好,David!

这个主题组件太棒了。就像其他人问的那样,有没有办法为没有图片的话题添加默认图片?

比如,如果没有检测到图片,就使用 Featured1.img 或 Featured2.img?

另外,我还遇到了一个问题:组件无法识别一个对所有用户可见的标签,当我尝试添加它时,系统提示找不到该标签。

1 个赞

是否有特定的图片格式(.jpg、.png、.tiff)支持此功能?我标记的 3 个主题中有 2 个的图片无法显示,但主题本身可以正常显示。


操作系统:Mac 10.15.7(Chrome、Safari 和 iOS 版本显示效果相同)

1 个赞

启用主题后,网站显示空白灰色横幅:

尽管已选中标签选项,且功能标签下存在一些主题。

同意。我仍在想,如果主题中包含图片,是否有办法搜索整个主题以找到可用的图片?还是说它只会从第一个帖子中获取?