自定义分类盒

|||
-|-|-|
:discourse2: | 摘要 | 自定义类别框会将您的类别显示为带有自定义背景的框,呈现在您的类别页面上。如果选择了 show_banner,此组件还将为每个类别页面显示一个类别横幅。
| :eyeglasses: | 预览 | 在 Discourse 主题创建器上预览 |
:hammer_and_wrench: | 存储库链接 | https://github.com/discourse/discourse-custom-category-boxes-component
:open_book: |首次使用 Discourse 主题? | Discourse 主题使用入门指南

安装组件

功能

:information_source: 此组件需要将 桌面类别页面样式 设置为 包含精选主题的类别包含精选主题的框 才能正常工作。

有四种选项可供选择。默认选项是 半调网屏

半调网屏背景

Halftone option

交叉影线背景

Crosshatch option

None option

自定义

如果您想使用自己的图片来创建这种效果,请在设置页面上传 4 张不同的、带有透明背景的 .png 图片或传统的 .jpg 图片。对于每次上传,请使用命名约定 custom-0,直到最后一个 custom-3。请确保在类别背景设置中选择 custom

Custom option

设置

名称 描述
类别背景 选择四种选项之一
显示横幅 如果选中,每个类别页面将显示一个样式化的横幅,与类别框的外观相匹配。
翻译 默认
more_topics 更多主题…

31 个赞

简洁清爽。很好的组件。谢谢。

3 个赞

太棒的插件了!我找了很久,非常感谢。

1 个赞

我认为图片应该支持自动调整大小或设置限制

3 个赞

感谢这个主题:+1:

能否考虑做一些微调,使该主题无需任何修改即可支持 从右到左(RTL)方向?(因为修改在更新后会丢失)。

另外,在哪里可以翻译这个字符串:“更多主题 …”?我在后台自定义部分和主题文件中都没找到它:思考中。

3 个赞

很高兴您喜欢这个组件。我已经为 more topics... 添加了翻译。至于 rtl 方向,我会进一步研究。

在此之前,请确保您备份了自定义内容,并在更新组件后重新添加。:smile:

3 个赞

谢谢 :blush:

对于这个问题,只有一行需要被注释掉:

a #custom-category-title{ text-align: left;}

顺便提一下,我注意到这些类别框样式不会应用于子类别。是否可以让同样的规则也适用于子类别框?

2 个赞

我认为您可以将您的更改创建为一个独立的主题组件,并在您的组件插件中使用覆盖(Overrides)。

你说得对,我会在本例中这样做。

但我认为,当整个 Discourse 应用同时兼容从右向左(RTL)和从左向右(LTR)的排版方向时,这意味着“细节对创作者至关重要”,并且“他们希望打造最好的服务,而不仅仅是一个普通的服务”。同样,其优秀的主题也能体现这一点。

2 个赞

我也想要这个主题,但添加时遇到了困难。

这个组件做得很好!\n我遇到了一个问题,它没有正确显示新添加的类别。我刚刚添加了“events”类别,并勾选了显示它的复选框,但它没有显示在“cats”页面上。不确定如何才能让它显示每个用户选择的所有猫。\n\n

\n\n\n

此主题组件的生命周期已结束,特此更新。Discourse 团队不再积极支持此组件。

1 个赞