WordPress 为当前文章在【分类】小工具中的所属分类添加current-cat类名

K-seo • 2024-01-21 00:04 • 技术教程 • 190 views

WordPress 是一个开源的内容管理系统，它允许用户创建和管理自己的网站，在 WordPress 中，分类是一种将文章分组的方式，可以帮助用户更好地组织和展示内容，在 WordPress 主题中，我们可以通过使用小工具来显示分类列表，以便用户可以快速找到他们感兴趣的文章。

在本教程中，我们将学习如何在 WordPress 的分类小工具中为当前文章所属的分类添加 current-cat 类名，这将使我们能够使用 CSS 来改变当前分类的样式，使其在页面上更加突出。

1、登录到 WordPress 后台

我们需要登录到 WordPress 后台，在浏览器中输入网站的 URL，然后在后面加上 /wp-admin/ ，https://example.com/wp-admin/，接下来，输入您的用户名和密码，然后点击“登录”按钮。

2、进入外观 > 小工具

登录后，您会看到 WordPress 后台的主菜单，点击“外观”菜单，然后选择“小工具”，这将打开一个小工具页面，您可以在这里查看和编辑您网站上的小工具。

3、找到分类小工具

在小工具页面中，您会看到一个名为“可用小工具”的区域，在这里，找到名为“分类”的小工具，然后将其拖动到右侧的“已启用的小工具”区域，这将激活分类小工具并将其添加到您的网站上。

4、编辑分类小工具

将分类小工具添加到已启用的小工具区域后，您需要对其进行编辑以添加 current-cat 类名，点击“分类”小工具中的齿轮图标，然后选择“编辑”，这将打开一个小工具设置对话框。

5、添加自定义 CSS

在小工具设置对话框中，您会看到一个名为“自定义 HTML”的选项，在这个选项中，您可以添加自定义的 HTML 代码来修改小工具的样式，要为当前文章所属的分类添加 current-cat 类名，我们需要添加以下代码：

<class="current-cat">

将上述代码添加到“自定义 HTML”选项中，然后点击“保存”按钮，现在，当您访问带有分类的文章页面时，当前文章所属的分类将具有 current-cat 类名。

6、使用 CSS 修改当前分类样式

现在我们已经为当前文章所属的分类添加了 current-cat 类名，我们可以使用 CSS 来修改其样式，在您的 WordPress 主题的样式表中，添加以下代码：

.current-cat a {
    color: FF0000; /* 更改为所需的颜色 */
}

这段代码将为具有 current-cat 类名的分类链接设置红色文本颜色，您可以根据需要修改颜色值和其他样式属性。

7、预览和发布更改

完成上述步骤后，您可以通过访问您的网站来预览更改，如果一切正常，请确保保存您的更改并更新您的网站。

至此，我们已经成功地在 WordPress 的分类小工具中为当前文章所属的分类添加了 current-cat 类名，现在，您可以使用 CSS 来修改当前分类的样式，使其在页面上更加突出。