当查看仅属于某一类别的页面时，是否有办法使页面上的样式在某些类别中显示不同？
类别页面的自定义样式
3 个回复
最合适的回答,由SO网友:MikeSchinkel 整理而成
@如果您想要不同类别的不同布局，EAMann有一个很好的答案。奥托if you only want to change the CSS to, for example, have a different background color for each category 然后您会发现，大多数主题都会将类别slug作为CSS类包含在<body> 元素和/或主题输出的其他HTML元素。（即使您的主题没有，您也可以自己添加该功能。）
例如，二十世纪十年代的主题正是如此；对于以下URL：
http://example.com/category/category-1/
下面是<body> 元素看起来像：<body class="archive category category-category-1">
style.css 文件的每个页面都有不同的颜色背景（当然，我在这里非常简单；您的实际CSS肯定会更加复杂）：/* style.css */
body.category-category-1 {
background-color: red;
}
body.category-category-2 {
background-color: green;
}
body.category-category-3 {
background-color: blue;
}
使用子主题当然你可能不想修改主题的style.css; 你可能想创建一个Child Theme 相反以下是我谈论儿童主题的一些答案：
SO网友:EAMann
如果你愿意，你可以different template for each category 有自己的一套风格定义。然后，您可以为某些类别设置不同的页面样式，但仅当查看仅属于该类别的页面时。
只需在主题中使用以下内容：
类别slug。php
SO网友:goldenapples
埃里克说的话。但是，如果您只想更改样式，而不想更改标记，那么有一种更简单的方法。只要主题在开始的body标记中包含body\\u class（）调用，WP就会向页面添加各种有用的CSS挂钩。默认标记将向类别存档的body元素添加以下类：
存档类别slug，您可以根据自己的喜好进行样式设置。许多主题框架将为您的body类添加更多有用的挂钩，尽管其中一些我可能看不到实际的用例。
结束