您想在 WordPress 中隐藏子类别，或者设置它们的样式以便您的类别列表更易于阅读吗？
在 WordPress 中，您的帖子可以分为不同的类别和子类别。这有助于导航和搜索引擎优化，但一长串子类别在您的网站上并不总是看起来很好。
在本教程中，我们将向您展示如何使用代码片段隐藏子类别并更改其样式。
为什么在 WordPress 中使用子类别？
当您为 WordPress 网站撰写帖子时，您可以使用类别和标签来组织它们。当您正确分类内容时，您可以提高您的搜索引擎优化，这将为您的网站带来更多流量。
组织您的帖子还可以改善您网站的导航，以便访问者可以更轻松地找到他们正在寻找的内容。当您的网站结构变得更加复杂时，您甚至可以创建子类别。
例如，旅游博客可能有一个关于美国观光目的地的类别。随着内容的增长，为芝加哥、洛杉矶和纽约等城市创建子类别可能是有意义的。
如果您在WordPress 小部件中显示类别，则可以使用平面列表或层次结构。以下是每个选项在我们的演示网站上的外观。
您可以通过访问WordPress 仪表板上的外观 » 小部件并选中类别小部件上的“显示层次结构”框来完成此操作。
但无论您选择哪个选项，该列表最终都会变得很长且难以管理，并且在您的WordPress 网站上看起来也不会很好。
在本指南中，我们将向您展示如何隐藏子类别以使您的类别列表更易于导航。我们还将向您展示如何设置子类别的样式以获得更简洁的外观。
如何使用 CSS 在 WordPress 中隐藏子类别
在本文中，我们将使用CSS代码片段来隐藏子类别并设置其样式。您可以将代码片段直接添加到主题的 style.css 文件、代码片段插件（如WPCode ）中，或者使用WordPress 仪表板中的主题定制器添加它们。
添加 CSS 对于初学者来说可能很棘手，犯一个错误可能会破坏您的 WordPress 网站。如果您不熟悉使用代码片段，那么您可能想查看我们的指南，了解如何轻松地将自定义 CSS 添加到您的 WordPress 网站。
话虽如此，让我们看看如何在 WordPress 中隐藏子类别。
您需要复制以下代码并将其粘贴到主题的 style.css 文件、代码片段插件或 WordPress 主题定制器中。
| 123 | .children {display:none;} |
由
要使用主题定制器，您首先需要导航到“外观”»“定制”，然后单击列表底部的“其他 CSS”。之后，您只需粘贴代码，然后单击“发布”按钮即可。
您现在可以访问您的 WordPress 网站以确保子类别已隐藏。以下是我们测试网站的前后截图。
这看起来更干净，但现在您的访问者看不到子类别。您可能想查看我们的指南，了解如何在 WordPress 类别页面上显示子类别。
如果您这样做，那么当您的访问者单击“美国”类别时，他们将在该页面上看到子类别的链接，例如芝加哥、洛杉矶和纽约市。
如何使用 CSS 在 WordPress 中设置子类别的样式
您还可以使用 CSS 自定义类别和子类别的外观。这将取决于您自己对 CSS 的了解以及您希望对它们在当前主题中的外观进行哪些更改。
例如，如果您在层次结构中显示子类别，则添加垂直条可以让您快速查看哪些类别位于同一级别。让我们看看如何做到这一点。
更改子类别的样式与隐藏它们的过程相同。您需要复制下面的代码并将其粘贴到 style.css、WPCode插件或WordPress 主题定制器中。
| 12345 | .children {padding: 0005px;margin: 0002px;border-left: 1pxsolid#333;} |
由
如果您使用主题定制器，请不要忘记单击“发布”按钮。
完成后，您可以访问您的 WordPress 网站来预览更改。以下是我们测试网站的前后截图。
请随意调整代码以根据您的喜好定制样式。
您还可以使用 CSS 来设置WordPress 主题的其他元素的样式。例如，您可以使用 CSS 为各个类别设置不同的样式。
我们希望本教程能帮助您学习如何在 WordPress 中隐藏子类别以及更改其样式。您可能还想查看我们的必备 WordPress 插件列表，以扩展您的网站，或者查看有关如何在 WordPress 中显示相关帖子的教程。
