展示的类别

:discourse2: 摘要 展示类别 允许您在论坛首页顶部添加两个“展示”主题列表(基于您选择的两个不同类别构建)。
:eyeglasses: 预览 在 Discourse 主题创建器中预览
:hammer_and_wrench: 仓库链接 https://github.com/discourse/discourse-showcased-categories
:open_book: 初次接触 Discourse 主题? Discourse 主题使用入门指南

安装此主题组件

功能

在主题组件设置中,您可以自定义每列的名称,选择要从中提取主题的类别,以及设置希望从该类别中显示的最大主题数量。

设置:

名称 描述
show as sidebar 如果启用,展示类别将仅在“最新”页面的侧边栏中渲染。
feed one title 第一个主题流的标题
feed one category 提取主题来源的单个类别
feed one tag 可选:从多个标签中提取主题,可与类别组合使用
feed two title 第二个主题流的标题
feed two category 提取主题来源的单个类别
feed two tag 可选:从多个标签中提取主题,可与类别组合使用
max list length 自定义列表中应显示多少个主题?
plugin outlet 用于进一步自定义的高级设置
翻译键 默认值
showcased_categories.new_post 发布
showcased_categories.view_more 更多

致谢

感谢 @awesomerobot 构建了此组件的原始结构。:+1:


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

44 个赞

太棒了!我最近也在想类似的事情。
谢谢,乔丹!

8 个赞

谢谢,Jordan!
看起来非常有趣!

3 个赞

改进此组件的建议:

  • 支持用户自定义或组自定义。例如,我们为不同的组设置了不同的类别优先级,这些优先级会根据组的不同而变化。因此,如果该组件能够支持用户自定义,或者至少允许管理员根据组选择要展示的类别,将会非常棒。
  • 在“最新”视图中,提供侧边栏布局选项(而非默认的前置布局)也会非常有用。
5 个赞

感谢这里的反馈!

这是一个很有趣的建议 :+1:。我在想,如果一个用户属于多个群组,我们该如何处理?这可能会变得有点复杂,但我确实很喜欢这个想法。

侧边栏看起来也不错 :grinning_face_with_smiling_eyes:

5 个赞

您现在可以在“最新”视图中选择将列表显示在侧边栏中 :grinning_face_with_smiling_eyes:

感谢您的建议。

5 个赞

真的太好了!:+1: 我会尝试并留下反馈。

3 个赞

好的,问题是:侧边栏似乎无法在非默认主题下直接正常工作。我们有一个自定义的 Material Design 主题版本,即使在侧边栏模式下,特色分类也会出现在最新列表的上方(这实际上破坏了边距布局)。我会尝试查看是否有解决办法。

2 个赞

Jordan,你好,非常感谢你提供了如此优秀的组件。但我还有一个问题:是否可以将蓝色条的颜色设为可自定义?有没有办法在插件设置中修改它,或者显示类别的设计颜色?

1 个赞

没问题!

为此,您需要自定义主题或主题组件(这通常是更简单的途径)。

您想要定位的是 .custom-homepage-columns .header-wrapper

类似以下的代码应该可以生效:

.custom-homepage-columns .header-wrapper { 
    background-color: `在此处输入您的颜色`;\n}
3 个赞

你好,是否可以将整个区块的高度缩小为原来的一半,这样在保持区块当前尺寸不变的情况下,就能容纳两倍数量的新闻?谢谢。

2 个赞

目前每个列表最多显示 5 个主题。至于间距问题,您应该可以通过针对该区块中的 CSS 类来实现您想要的效果。:+1:

1 个赞

你好,能举个例子吗?谢谢。

1 个赞

抱歉,我是主题编辑的新手。这是否意味着我必须复制该组件才能编辑颜色?还有其他方法可以查看 HTML/CSS 吗?

1 个赞

当然!

要更改主题列表项的高度,你可以针对以下内容:

.custom-homepage-columns .topic-list .main-link { height: ??? }

除此之外,允许显示的最小值为 1,最大值为 5。

2 个赞

可以理解!

您无需复制该组件即可自定义此主题组件的外观。

您需要做的是:

  1. 导航至 /admin/customize/themes 并点击 components
  2. 点击 install,然后选择 create new,确保您选择的是 component,您可以随意命名!

之后它将出现在未使用的组件区域:

然后,您需要在此同一页面上为您当前选定的主题启用它:

完成后,您可以点击 edit CSS/HTML

从那里,您可以在 commoncss 标签页中添加自定义 CSS。您可以将之前分享的代码添加进去。

.custom-homepage-columns .header-wrapper { 
    background-color: `your color here`;
}
3 个赞

谢谢!现在看起来如此简单 :man_facepalming:

2 个赞

大家好!根据群组成员身份展示不同分类的想法正是我想要的。当一个用户属于多个已配置了展示分类的群组时,TC(主题分类)可以根据用户的首要群组来决定。

在我的案例中,我们有面向广告客户的私有分类。我们正在寻找一种方法,在主页顶部展示他们各自的分类。这样他们就不必在论坛中翻找来搜索它了。

3 个赞

嘿,伙计们 @jordan.vidrine 我这里看不到这个组件在工作……以及 discourse Air 主题。
这是我的设置。


但我看不到侧边栏……我猜是因为搜索栏,我不能把它放在横幅部分。

2 个赞

你找到解决办法了吗?我正在使用 Air 主题。

2 个赞