此类别中所有主题的类别徽标

支持
1

是否可以在该分类下的所有主题中显示分类徽标？我指的是“小徽标”。
在我的情况下，显示与该主题相关的徽标比显示通用网站徽标更合适。
谢谢！

2

您希望徽标仅显示在主题页面上，还是也显示在主题列表中？
我想您可以通过一些 CSS 来实现这一点。
或者编辑模板……:thinking:

3

您知道，在 Discourse 中，分类没有徽标。
但如果选择了徽标，它们将显示在这里：

image
image1438×781 64.7 KB

如果已设置分类徽标，我希望在打开该分类下的任何主题时都能看到它。在这种情况下，分类徽标应替换为小型徽标。

image
image1339×771 42.8 KB

4

您有多少个分类？

如果分类数量合理，可以通过 CSS 实现。只需重新定义顶部的徽标。使用：

<body class="category-***

例如 category-support，就像我们现在所在的主题中那样。

5

我将有固定数量的分类——30 个。不确定该在 CSS 中添加什么代码。能否给出更明显的提示？ :slight_smile:

6

我们移除徽标：

img#site-logo {
    display: none;
}

或者这样：

.category-support img#site-logo {
    display: none;  
}

1
11023×397 39.3 KB

为了更清晰，我添加了您的照片：

.category-support .title a {
    background-image: url(https://d3bpeqsaub0i6y.cloudfront.net/user_avatar/meta.discourse.org/ed_bobkov/45/177564_2.png);
    width: 35px;
    height: 35px;
    display: block !important;
}

2
21130×405 40.4 KB

您可能需要重复这段代码 30 次。

我给出了一个不使用组件/插件的实现示例。您也可以采用其他方式实现。不过，为 30 个类别编写的 CSS 并不会占用太多空间。

7

谢谢！经过一些修改后已经可以正常工作了。
提示：类别名称应从类别设置中的“类别标识”中获取。

徽标尺寸可能不同：
width: 65px;
height: 50px;
display: block !important;
background-size: cover;