您想在WordPress上对类别进行不同的分类吗？
最 WordPress主题 对所有类别存档页面使用相同的样式。 但是，如果您有一个内容丰富的网站，您可以选择以不同方式显示每个类别以最大限度地发挥其潜力。
在本教程中，我们将向您展示如何在WordPress博客上以不同方式显示类别。
事不宜迟，我们邀请您发现我们的列表。 但是首先，如果您从未安装过WordPress，请找出 如何安装WordPress博客7步骤 et 如何找到，安装和你的博客激活WordPress主题
然后回到为什么我们在这里。
为什么要给WordPress类别不同的样式
正如我们之前所说，大多数 WordPress主题 每个类别存档页面使用相同的模板。 这是因为开发商 WordPress主题 不知道您将如何在网站上使用类别。
另请参阅： 如何显示RSS内容只对WordPress的用户
但是，如果您拥有内容丰富的网站， 更改档案页面的布局 类别可能会对用户如何使用该页面上的内容产生重大影响。
例如，如果您管理新闻或杂志网站，则可以在本地新闻类别中显示本地广告。 您可以查看天气信息，查看该类别中最受欢迎的故事，等等。
也就是说，让我们看看如何轻松地自定义WordPress上的各个类别。
如何给类别赋予样式
有几种方法可以对WordPress上的类别进行分类。 我们将向您展示两种不同的方法，为类别赋予不同的样式，您可以选择最适合您的需求和技能水平的方法。
在WordPress主题上使用单个类别模板
WordPress主题遵循标准模板层次结构。 根据模板文件名，WordPress可以自动选择正确的模板来显示页面。
例如，它将查找category.php文件以显示类别存档页面。
WordPress还允许您 建立模型 对于单个类别。 假设您要分类类别“Apple不一样 您可以通过将新模板文件添加到WordPress主题并将其命名来完成此操作 品类apple.php.
使用FTP客户端连接到WordPress网站，然后导航至 /可湿性粉剂内容/主题/你的主题/ 并创建一个名为category-apple.php的新文件。 请记住用您的类别名称替换“ Apple”。
您可以使用文件“ category.php 以您的WordPress主题为起点。 只需编辑并复制其所有内容。 现在，将新文件重命名为“ 品类apple.php 并将代码粘贴到其中。
然后，您可以开始更改您的单个类别模型。 您可以为此类别创建和使用其他侧边栏，使其成为全宽页面， 添加欢迎消息 或任何你想要的。
使用CSS代码为类别指定样式
WordPress自动将CSS类添加到您网站上的不同元素。 这些包括正文类和出版物类。
例如，如果您查看类别存档页面，然后使用“检查”工具，则会在“ body”标签中注意到CSS类“类别”和类别名称。
您可以通过以下方式将CSS类用于每个单独的类别： 添加自定义CSS.
这是可以用作起点的CSS示例。
body.category-苹果{背景色：#EEE; 背景：URL（“http://example.com/wp-content/uploads/2017/background.jpg“）不重复固定的; 颜色：#FFFFFF; } .category-苹果.site {背景：#232323; } .category-苹果{颜色：#CCCCCC; }
不要忘记用您的类别名称更改CSS类中的类别名称。
现在您可以在 WordPress 中添加自定义 CSS 代码。 但是，如果您需要高级解决方案来添加自定义 CSS 代码，我们提供以下 2 WordPress插件 溢价将帮助您完成此任务。
1。 轻松自定义JS和CSS
Ce WordPress插件 Premium 是一款功能强大的 CSS 和 JavaScript 代码编辑器，可让您将它们添加到网站的任何部分。 即使在对 WordPress 主题进行重大更新后，它也允许您保留自定义设置。 
您可以选择限制个性化代码的使用范围。 例如，您只能将代码用于视频格式的文章。
请参阅以下文章 如何要求接受WordPress上的使用条款
或者，您可以将代码限制为特定的WordPress主题； 如果您当前正在更改WordPress博客的主题，这将很方便。
2.页面中的自定义JavaScript和CSS！
多亏了这个 WordPress插件， 你可以加 CSS样式 以及特定页面上的自定义JavaScript。 它还允许您为多个页面定义规则。 这样，您可以为特定部分设置预定义或唯一的样式。
像此提供的任何其他功能一样 WordPress插件，您可以轻松地在网站的不同页面上包含不同的脚本。
推荐资源
查找有关其他推荐资源的信息，以帮助您构建和管理网站。
结论
这里 ！ 就是本教程的内容了，希望它可以允许您在WordPress上添加自定义CSS代码。 不要犹豫 与您最喜欢的社交网络上的朋友分享这篇文章.
但是，您也可以咨询我们的 RESSOURCES，如果您需要更多的元素来执行创建Internet网站的项目，请参考我们关于 WordPress博客创建。
如果您有任何建议或意见，请将其留在我们的部分 评论.
...
非常感谢您提供这个精彩且易于理解的教程，感谢您的文章，我能够修改页面的设计
萨吕！
请看看是否可以帮我，因为我在抽烟
我正在使用divi和woocommerce建立在线商店，但由于无法自定义类别页面而遇到问题。
我通过链接给你看：
https://chachocarp.com/product-category/los-mas-vendidos
我要更改的是：
1.我在这个类别中有24种产品，而不是在12种产品的两页上显示，而是在9、9和6的三页上显示，这是非常清楚的。
2.将鼠标悬停在产品上时，没有保留悬停配置。 我希望透明度为蓝色，并希望在主页的商店模块中使用字母“ view product is naranaja”。
3.我希望左侧边栏显示所有类别和子类别。
他是怎么做到的呢？
感谢您的帮助
你好米格尔，
请在有关WooCommerce或Divi的文章上提问。 我很高兴地回答你。 😉