类别页面的自定义样式

时间:2010-08-23 作者:GSto

当查看仅属于某一类别的页面时,是否有办法使页面上的样式在某些类别中显示不同?

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;
}
你真正需要做的就是弄清楚你的主题是否做到了这一点view source 在感兴趣的分类页面上,搜索你的分类slug。

使用子主题当然你可能不想修改主题的style.css; 你可能想创建一个Child Theme 相反以下是我谈论儿童主题的一些答案:

SO网友:EAMann

如果你愿意,你可以different template for each category 有自己的一套风格定义。然后,您可以为某些类别设置不同的页面样式,但仅当查看仅属于该类别的页面时。

只需在主题中使用以下内容:

类别slug。php

  • category-ID.php

  • SO网友:goldenapples

    埃里克说的话。但是,如果您只想更改样式,而不想更改标记,那么有一种更简单的方法。只要主题在开始的body标记中包含body\\u class()调用,WP就会向页面添加各种有用的CSS挂钩。默认标记将向类别存档的body元素添加以下类:

    存档类别slug,您可以根据自己的喜好进行样式设置。许多主题框架将为您的body类添加更多有用的挂钩,尽管其中一些我可能看不到实际的用例。

    结束

    相关推荐

    WordPress删除wp_List_Categories中最后一项的分隔符

    我正在尝试删除最后一个分隔符(通常是<br/> 标记,但我将其从wp\\u list\\u categories的最后一个链接更改为“/”)。基本上我想要这个:类别1//类别2//类别3//看起来像这样:类别1//类别2//类别3以下是我当前使用的代码:<?php $cat_array = array(); $args = array( \'author\' => get_the_author_meta(\'id\'),&#x