如何在WordPress中以不同的方式设置单个类别的样式

您要在WordPress中为类别设置不同的样式吗？大多数WordPress主题对所有类别存档页面使用相同的样式。但是，如果您经营一个内容丰富的网站，则可以为每个类别设置不同的样式，以最大程度地发挥其潜力。在本文中，我们将向您展示如何轻松地在WordPress中以不同的方式设置类别的样式。

为什么在WordPress中以不同的方式设置类别的样式？

如前所述，大多数WordPress主题为每个类别存档页面使用相同的模板。那是因为主题开发人员不知道您将如何使用网站上的类别以及这些类别将是什么。

但是，如果您正在运行内容丰富的网站，那么更改类别存档页面的布局可能会对用户与该页面上的内容进行互动的方式产生重大影响。

例如，如果您运行新闻或杂志网站，则可以在本地新闻类别中显示本地广告。您可以显示天气信息，显示该类别中最受欢迎的故事，等等。

话虽如此，让我们看看如何在WordPress中轻松地以不同的方式设置各个类别的样式。

在WordPress中以不同的方式设置单个类别的样式

在WordPress中有多种样式设置样式。我们将向您展示两种不同的样式样式方法，您可以选择最适合您的需求和技能水平的一种方法。

在WordPress主题中使用单一类别模板

WordPress主题遵循标准模板层次结构。根据模板文件名，WordPress可以自动选择正确的模板来显示页面。

例如，它将查找category.php文件以显示类别存档页面。

WordPress还允许您为各个类别创建模板。假设您要为“ Apple”类别设置不同的样式。您可以通过在主题中添加一个新的模板文件并将其命名为category-apple.php来实现。

使用FTP客户端连接到您的WordPress网站，然后转到/ wp-content / themes / your-current-theme /文件夹并创建一个新文件category-apple.php。不要忘记用您自己的类别名称替换apple。

您可以使用主题的category.php文件作为起点。只需编辑并复制其所有内容。现在，编辑新创建的category-apple.php文件，并将代码粘贴到其中。

之后，您可以开始对您的单个类别模板进行更改。您可以为此类别创建和使用其他侧边栏，将其设置为全角页面，添加欢迎消息或其他所需的内容。

使用CSS在WordPress中设置单个类别的样式

WordPress 自动将CSS类添加到整个网站的不同元素。这些包括身体课和岗位课。

例如，如果您查看类别存档页面，然后使用“检查工具”，则会在body标签中注意到类别和类别名称CSS类。

您可以使用此CSS类通过添加自定义CSS来为每个单独的类别设置不同的样式。

这是一些示例CSS，您可以将其用作起点。

body.category-apple { background-color:#EEE;background:url("http://example.com/wp-content/uploads/2017/background.jpg") no-repeatfixed;color:#FFFFFF;}.category-apple .site { background:#232323; }.category-apple a { color:#CCCCCC; }

不要忘记使用您自己的类别名称更改CSS类中的类别名称。