# Horizon 主题分类图片

**URL:** https://meta.discourse.org/t/horizon-theme-category-images-not-displaying-bug/381733
**Category:** Support
**Tags:** horizon-theme
**Created:** [2025年九月5日 16:40 UTC](https://meta.discourse.org/t/horizon-theme-category-images-not-displaying-bug/381733 "2025-09-05T16:40:25Z")
**Posts on this page:** 14
**Page:** 1

<div class="post-metadata">

### Author: ![Nick-Permaculture](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nick-permaculture/32/317842_2.png) [@Nick-Permaculture](https://meta.discourse.org/u/Nick-Permaculture)
#### Post date: [2025年九月5日 16:40 UTC](https://meta.discourse.org/t/horizon-theme-category-images-not-displaying-bug/381733/1 "2025-09-05T16:40:25Z")

</div>

您好，我昨天在 Horizon 主题帖子中发帖，但我怀疑它并没有真正得到监控。

> [@Horizon Theme](https://meta.discourse.org/t/horizon-theme/360486/31?u=nick-permaculture):
>
> Hi team, thanks for the new theme option. I think it will suit our needs well. One question - I have images for each of the categories, and these used to display on the homepage. Now they only show once you open the category. Images below for reference. Is there a setting I’m not seeing to adjust this to show the images on the homepage? Homepage: On Final Design Exercise Category page. EDIT: Looking at the cons…

简而言之，我认为该主题缺少一些代码来显示上传的图片。我花了些时间通过开发者工具和设置查看，但一无所获。如果您能提供任何帮助，我将不胜感激。

谢谢。

---

<div class="post-metadata">

### Author: ![Nick-Permaculture](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nick-permaculture/32/317842_2.png) [@Nick-Permaculture](https://meta.discourse.org/u/Nick-Permaculture)
#### Post date: [2025年九月5日 19:37 UTC](https://meta.discourse.org/t/horizon-theme-category-images-not-displaying-bug/381733/2 "2025-09-05T19:37:13Z")

</div>

```plaintext

<span class="badge-category__wrapper " style="--category-badge-color: #82c14a;--category-badge-text-color: #FFFFFF;">
<span data-category-id="5" data-drop-close="true" class="badge-category restricted --style-square" title="OPDC核心材料类别将托管Geoff的在线 the Permaculture Design Course 的讨论、常见问题解答和相关资源。">
<svg class="fa d-icon d-icon-category.restricted svg-icon svg-string" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
<use href="#lock">
</use>
</svg>
<span class="badge-category__name">OPDC Core Materials</span>
</span>
</span>

```

这里的样式是

```plaintext

<span class="badge-category__wrapper " style="--category-badge-color: #82c14a;--category-badge-text-color: #FFFFFF;">

```

所以我认为 style= 也需要有一个“category-image”选项。也许我可以用 CSS 来实现？但似乎我们应该能够在主题/设置中切换它。

我不是编程专家，所以可能说错了，但这基于您提供的组件入门文档和指南（非常感谢！）。

---

<div class="post-metadata">

### Author: ![Nick-Permaculture](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nick-permaculture/32/317842_2.png) [@Nick-Permaculture](https://meta.discourse.org/u/Nick-Permaculture)
#### Post date: [2025年九月8日 19:00 UTC](https://meta.discourse.org/t/horizon-theme-category-images-not-displaying-bug/381733/3 "2025-09-08T19:00:28Z")

</div>

有人吗？发帖顶一下。

---

<div class="post-metadata">

### Author: ![Nick-Permaculture](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nick-permaculture/32/317842_2.png) [@Nick-Permaculture](https://meta.discourse.org/u/Nick-Permaculture)
#### Post date: [2025年九月12日 22:54 UTC](https://meta.discourse.org/t/horizon-theme-category-images-not-displaying-bug/381733/4 "2025-09-12T22:54:20Z")

</div>

子类别图像也出现了类似的问题。图像已上传，当您加载到主容器上方的类别或子类别时，会清楚地显示它。但是，从主页来看，我们看不到类别的图像，从类别视图来看，我们看不到子类别的图像。

见下图：

主页：

 ![Screenshot 2025-09-12 at 6.53.26 PM](https://global.discourse-cdn.com/meta/original/4X/9/3/c/93cb38b0bc33331dfdf016a41e32d87f07e3d5ea.png)

类别视图：

 ![Screenshot 2025-09-12 at 6.50.45 PM](https://global.discourse-cdn.com/meta/original/4X/3/9/5/3953f94804f11fff8a56cb07faeaaa39f0c9c555.png)

子类别视图：

 ![Screenshot 2025-09-12 at 6.51.01 PM](https://global.discourse-cdn.com/meta/original/4X/6/1/5/615ec7551a9e63cc67805f983425562358c450fe.png)

---

<div class="post-metadata">

### Author: ![Nick-Permaculture](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nick-permaculture/32/317842_2.png) [@Nick-Permaculture](https://meta.discourse.org/u/Nick-Permaculture)
#### Post date: [2025年九月16日 16:51 UTC](https://meta.discourse.org/t/horizon-theme-category-images-not-displaying-bug/381733/5 "2025-09-16T16:51:31Z")

</div>

@chapoi 我看到您深度参与了 Horizon 主题。对于我上面看到的问题，您有什么信息吗？

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [2025年九月17日 00:22 UTC](https://meta.discourse.org/t/horizon-theme-category-images-not-displaying-bug/381733/6 "2025-09-17T00:22:04Z")

</div>

您好，请注意不要打扰工作人员。谢谢！

---

<div class="post-metadata">

### Author: ![Nick-Permaculture](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nick-permaculture/32/317842_2.png) [@Nick-Permaculture](https://meta.discourse.org/u/Nick-Permaculture)
#### Post date: [2025年九月17日 11:27 UTC](https://meta.discourse.org/t/horizon-theme-category-images-not-displaying-bug/381733/7 "2025-09-17T11:27:00Z")

</div>

好的，你能帮我解决上面提到的问题吗？这里的社区似乎没有答案，这就是为什么我在 10 多天后联系了参与此主题开发的管理员。我现在下一步该怎么做？

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [2025年九月17日 12:46 UTC](https://meta.discourse.org/t/horizon-theme-category-images-not-displaying-bug/381733/9 "2025-09-17T12:46:11Z")

</div>

您好 Nick！抱歉团队在这件事上一直没有回复。我们参加了年度全球会议，回来后还在处理积压的工作。

我们会尽快给您答复。

我没有参与创建这个主题，但知道它的目的是更简单，所以分类图片可能不打算在主页上显示。不过，我明白这会很棒！

---

<div class="post-metadata">

### Author: ![Nick-Permaculture](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nick-permaculture/32/317842_2.png) [@Nick-Permaculture](https://meta.discourse.org/u/Nick-Permaculture)
#### Post date: [2025年九月17日 12:48 UTC](https://meta.discourse.org/t/horizon-theme-category-images-not-displaying-bug/381733/10 "2025-09-17T12:48:44Z")

</div>

谢谢 Tobias，不用担心！很高兴你的团队能休息一下，这是他们应得的。慢慢来研究这件事。很高兴听到至少有位员工看到了 🙂

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [2025年九月17日 22:08 UTC](https://meta.discourse.org/t/horizon-theme-category-images-not-displaying-bug/381733/12 "2025-09-17T22:08:39Z")

</div>

> [@tobiaseigen](#):
>
> 我没有参与创建这个主题，但我知道它的目的是更简单，所以分类图片可能不打算在主页上显示。

上面这句很可能是正确的答案。

它永远不会出现在主题列表中，因为那是 Horizon 上一个完全自定义的组件，并且不考虑自定义设置。这在短期内不会改变。

我曾期望它仍然会显示在分类主页视图中，我会看一下；我不记得我们当时是怎么决定的——也许我们也省略了。

---

<div class="post-metadata">

### Author: ![Nick-Permaculture](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nick-permaculture/32/317842_2.png) [@Nick-Permaculture](https://meta.discourse.org/u/Nick-Permaculture)
#### Post date: [2025年九月17日 23:32 UTC](https://meta.discourse.org/t/horizon-theme-category-images-not-displaying-bug/381733/14 "2025-09-17T23:32:14Z")

</div>

感谢您的回复和对此事的关注。

我并不期望它出现在主题列表中，但确实认为它也会出现在类别主页视图中，并且也出现在子类别的类别视图中。我认为这将取代您上传类别图片时出现的带有主题强调色的方形小图。起初，我以为是因为我只上传了浅色主题的图片，但当我添加了深色主题的图片后，它仍然没有出现。

感谢您花时间检查。

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [2025年九月18日 19:21 UTC](https://meta.discourse.org/t/horizon-theme-category-images-not-displaying-bug/381733/15 "2025-09-18T19:21:43Z")

</div>

您好 @Nick-Permaculture

感谢您的耐心等待。

我们确实省略了这些分类徽标，因为它们不符合我们为 Horizon 选择的方向。我们希望专注于我们新的图标/表情符号选项，它们看起来像

 ![CleanShot 2025-09-18 at 13.15.34@2x](https://global.discourse-cdn.com/meta/original/4X/d/7/f/d7f3137a9c1a089c2b4cced8f5a368fd4cd057d5.png)

因此，恐怕我不会在主题本身中调整这一点。

不过，您可以将此自定义代码段添加到您的网站，它应该可以用您的分类徽标替换这些框。

```plaintext
.category-box:has(.category-logo .aspect-image) {
  .category-logo {
    display: block;

    .aspect-image img {
      margin-left: 0;
    }
  }

  .category-box-heading .badge-category.--style-square::before {
    display: none;
  }
}

```

---

<div class="post-metadata">

### Author: ![Nick-Permaculture](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nick-permaculture/32/317842_2.png) [@Nick-Permaculture](https://meta.discourse.org/u/Nick-Permaculture)
#### Post date: [2025年九月19日 19:13 UTC](https://meta.discourse.org/t/horizon-theme-category-images-not-displaying-bug/381733/16 "2025-09-19T19:13:17Z")

</div>

非常感谢 Charlie，也感谢你的勤奋。我只是想在这里确认一下，自定义 CSS 已经生效，并且现在所有页面都会显示已上传的类别图片。再次感谢！

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [2025年十月23日 15:37 UTC](https://meta.discourse.org/t/horizon-theme-category-images-not-displaying-bug/381733/18 "2025-10-23T15:37:57Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
