如何在 WordPress 中隐藏或设置子类别的样式

wufei1232025-01-24WordPress10

您想在 wordpress 中隐藏子类别,或者设置它们的样式以便您的类别列表更易于阅读吗?

在 WordPress 中,您的帖子可以分为不同的类别和子类别。这有助于导航和搜索引擎优化,但一长串子类别在您的网站上并不总是看起来很好。

在本教程中,我们将向您展示如何使用代码片段隐藏子类别并更改其样式。

如何在 WordPress 中隐藏或设置子类别的样式

为什么在 WordPress 中使用子类别?

当您为 WordPress 网站撰写帖子时,您可以使用类别和标签来组织它们。当您正确分类内容时,您可以提高您的搜索引擎优化,这将为您的网站带来更多流量。

组织您的帖子还可以改善您网站的导航,以便访问者可以更轻松地找到他们正在寻找的内容。当您的网站结构变得更加复杂时,您甚至可以创建子类别。

例如,旅游博客可能有一个关于美国观光目的地的类别。随着内容的增长,为芝加哥、洛杉矶和纽约等城市创建子类别可能是有意义的。

如果您在WordPress 小部件中显示类别,则可以使用平面列表或层次结构。以下是每个选项在我们的演示网站上的外观。

如何在 WordPress 中隐藏或设置子类别的样式

您可以通过访问WordPress 仪表板上的外观 » 小部件并选中类别小部件上的“显示层次结构”框来完成此操作。

如何在 WordPress 中隐藏或设置子类别的样式

但无论您选择哪个选项,该列表最终都会变得很长且难以管理,并且在您的WordPress 网站上看起来也不会很好。

在本指南中,我们将向您展示如何隐藏子类别以使您的类别列表更易于导航。我们还将向您展示如何设置子类别的样式以获得更简洁的外观。

如何使用 CSS 在 WordPress 中隐藏子类别

在本文中,我们将使用CSS代码片段来隐藏子类别并设置其样式。您可以将代码片段直接添加到主题的 style.css 文件、代码片段插件(如WPCode )中,或者使用WordPress 仪表板中的主题定制器添加它们。

添加 CSS 对于初学者来说可能很棘手,犯一个错误可能会破坏您的 WordPress 网站。如果您不熟悉使用代码片段,那么您可能想查看我们的指南,了解如何轻松地将自定义 CSS 添加到您的 WordPress 网站。

话虽如此,让我们看看如何在 WordPress 中隐藏子类别。

您需要复制以下代码并将其粘贴到主题的 style.css 文件、代码片段插件或 WordPress 主题定制器中。

如何在 WordPress 中隐藏或设置子类别的样式

您现在可以访问您的 WordPress 网站以确保子类别已隐藏。以下是我们测试网站的前后截图。

如何在 WordPress 中隐藏或设置子类别的样式

这看起来更干净,但现在您的访问者看不到子类别。您可能想查看我们的指南,了解如何在 WordPress 类别页面上显示子类别。

如果您这样做,那么当您的访问者单击“美国”类别时,他们将在该页面上看到子类别的链接,例如芝加哥、洛杉矶和纽约市。

如何使用 CSS 在 WordPress 中设置子类别的样式

您还可以使用 CSS 自定义类别和子类别的外观。这将取决于您自己对 CSS 的了解以及您希望对它们在当前主题中的外观进行哪些更改。

例如,如果您在层次结构中显示子类别,则添加垂直条可以让您快速查看哪些类别位于同一级别。让我们看看如何做到这一点。

更改子类别的样式与隐藏它们的过程相同。您需要复制下面的代码并将其粘贴到 style.css、WPCode插件或WordPress 主题定制器中。

如何在 WordPress 中隐藏或设置子类别的样式

请随意调整代码以根据您的喜好定制样式。

您还可以使用 CSS 来设置WordPress 主题的其他元素的样式。例如,您可以使用 CSS 为各个类别设置不同的样式。

我们希望本教程能帮助您学习如何在 WordPress 中隐藏子类别以及更改其样式。您可能还想查看我们的必备 WordPress 插件列表,以扩展您的网站,或者查看有关如何在 WordPress 中显示相关帖子的教程。

以上就是如何在 WordPress 中隐藏或设置子类别的样式的详细内容,更多请关注知识资源分享宝库其它相关文章!

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。