类别横幅

@awesomerobot,希望你不介意我在这里分享这个……

我创建了这个 discourse-category-banners 主题的一个分支,名为

discourse-category-banner-boxes
https://github.com/naidihr/discourse-category-banner-boxes

你可以在这里预览它:

https://theme-creator.discourse.org/theme/Rhidian/discourse-category-banner-boxes

它基本上实现了相同的功能,但进行了一些修改:

  • 分类横幅框以内联方式显示在主标题上方,而不是在顶部全宽显示。这样可以在顶部显示其他横幅主题,例如 discourse-versatile-banner。

  • 分类横幅框的样式与 Discourse 原生的子分类框一致,后者是 Discourse 的核心组件。这些子分类框是 Discourse 分类设置中的一个显示选项:在此分类中显示子分类列表。该选项会以行或框的形式在主题列表上方显示子分类的名称和描述,并使用分类背景色作为左侧边框。

  • 如果该分类是子分类,则分类名称将以面包屑导航的形式显示,格式如下:父分类名称:子分类名称

以下是该主题横幅框在原生子分类框上方的演示截图:

以下是子分类的截图,显示了指向父分类的面包屑引用:

这是我第一次尝试修改主题。希望这能有所帮助!

更新

我已将此适配重构为一个独立的组件,并添加了许多新功能,包括在标题中使用分类徽标图像和背景图像。这个新组件有效地替换了标准的 Discourse 分类标题,与分类横幅不同,因此它是一个全新的组件。请参阅:

11 个赞