# 自定义分类盒

**URL:** <https://meta.discourse.org/t/custom-category-boxes/144865>\
**Category:** Theme component\
**Tags:** deprecated, custom-category-boxes\
**Created:** [2020年三月19日 17:25 UTC](https://meta.discourse.org/t/custom-category-boxes/144865 "2020-03-19T17:25:33Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Discourse](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/discourse/32/148734_2.png) [@Discourse](https://meta.discourse.org/u/Discourse)\
**Post date:** [2020年三月19日 17:25 UTC](https://meta.discourse.org/t/custom-category-boxes/144865/1 "2020-03-19T17:25:33Z")

</div>

> [@](#):
>
> ⚠ 此组件已弃用。我们建议您使用自己的 SCSS 来自定义类别框。

|||  
-|-|-|  
:discourse2: | **摘要** | **自定义类别框** 会将您的类别显示为带有自定义背景的框，呈现在您的类别页面上。如果选择了 `show_banner`，此组件还将为每个类别页面显示一个类别横幅。  
| 👓 | **预览** | [在 Discourse 主题创建器上预览](https://discourse.theme-creator.io/theme/Discourse/custom-category-boxes) |  
🛠 | **存储库链接** | [https://github.com/discourse/discourse-custom-category-boxes-component](https://github.com/discourse/discourse-custom-category-boxes-component)  
📖 | **首次使用 Discourse 主题？** | [Discourse 主题使用入门指南](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966)

安装组件

### 功能

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

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

### 半调网屏背景

[![Halftone option](https://global.discourse-cdn.com/meta/original/3X/5/9/593d108652b6f88db17602a1c60bbf1f565d6040.png)](https://github.com/discourse/discourse-custom-category-boxes-component/blob/master/_repo_assets/halftone-preview.png)

### 交叉影线背景

[![Crosshatch option](https://global.discourse-cdn.com/meta/original/3X/b/9/b9d5ffc3362652a302ec775216b54916a57ab2b6.png)](https://github.com/discourse/discourse-custom-category-boxes-component/blob/master/_repo_assets/crosshatch-preview.png)

### 无

[![None option](https://global.discourse-cdn.com/meta/original/3X/3/7/37931e8d71d6f619fa77828324b54200dd337497.png)](https://github.com/discourse/discourse-custom-category-boxes-component/blob/master/_repo_assets/none-preview.png)

### 自定义

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

[![Custom option](https://global.discourse-cdn.com/meta/original/3X/7/4/741e08d383811f34cb4e44eff03e1b20d07d8c4c.gif)](https://github.com/discourse/discourse-custom-category-boxes-component/blob/master/_repo_assets/custom-option.gif)

### 设置

| 名称 | 描述 |
| --- | --- |
| 类别背景 | 选择四种选项之一 |
| 显示横幅 | 如果选中，每个类别页面将显示一个样式化的横幅，与类别框的外观相匹配。 |

| 翻译 | 默认 |
| --- | --- |
| more\_topics | 更多主题… |

---

_[View the full topic](https://meta.discourse.org/t/custom-category-boxes/144865)._