精选瓷砖

[Discourse]

	摘要	Featured Tiles 在主题列表上方添加一行特色图块。
	预览	在 Discourse 主题创建器上预览
	仓库链接	https://github.com/discourse/discourse-featured-tiles
	初次使用 Discourse 主题？	Discourse 主题使用入门指南

安装此主题组件

由于这是由 Discourse 团队维护的 official 主题组件，#support、#contribute:bug、Contribute > UX 和 Contribute > Feature 请求可以在 Meta 上的相应类别中提出，并标记相应的主题组件标签。点击下面的链接开始提问。

 支持  错误  用户体验  功能

功能

Featured Tiles 在主题列表上方添加一行特色图块。

悬停时，将显示主题标题和作者：

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

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

设置

名称	描述
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	在此设备上显示特色主题横幅

由我们托管？ 主题组件在我们的 Standard、Business 和 Enterprise 计划中均可使用。

[Merlls_Rizzini]

哇。

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

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

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

[Pad_Pors]

一个既美观又实用的主题 。

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

[david (David Taylor)]

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

[david (David Taylor)]

@Merlls_Rizzini

编辑：有成员告诉我，这仅在 MacOS 上有效，因为他看不到任何内容。

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

[Merlls_Rizzini]

Firefox

Chrome

[david (David Taylor)]

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

[ElForoViajero]

您好，

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

[olex1216 (olex)]

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

[david (David Taylor)]

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

[Solari]

我超喜欢这个。

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

谢谢，
Ray

[coke (Col)]

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

[david (David Taylor)]

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

about.json

您看到的情况不同吗？

[coke (Col)]

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

[david (David Taylor)]

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

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

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

[hollyw]

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

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

当前配置

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

[Heliosurge (Dan DeMontmorency)]

你好，David！

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

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

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

[Fraudoctor (Christian)]

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

操作系统：Mac 10.15.7（Chrome、Safari 和 iOS 版本显示效果相同）

[Pad_Pors]

启用主题后，网站显示空白灰色横幅：

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

[Fraudoctor (Christian)]

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