根据加载的页面向DIV添加类

时间:2013-03-10 作者:BoBoz

我正在设计一个新主题,在我的页面模板中有一个显示图像的部分。我想根据加载的页面更改此图像。

该部分是这样一个DIV:<DIV class="ximage"></DIV>

我想做的是,根据加载的om页面向DIV添加一个类,然后用CSS中的背景图像设置该类的样式。

我知道,如果要向body中添加类,可以使用body\\u class()这样做。但是我怎么才能用DIV做到这一点呢?

这个主题将有相当多的页面,所以为每个页面创建一个模板似乎是错误的。

1 个回复
最合适的回答,由SO网友:birgire 整理而成

您可能需要考虑使用Wordpress函数body_class()

<body <?php body_class($class); ?>>
然后可以使用body类作为当前页面引用。

例如,此函数用于“二十一二”主题。

对于单个帖子,它将成为

<body class="single single-post ...">
对于主页:

<body class="home blog ...">
您可以在此处的Codex中阅读有关此功能的更多信息:

http://codex.wordpress.org/Function_Reference/body_class

Edit:

我知道,如果要向body中添加类,可以使用body\\u class()这样做。但是我怎么才能用DIV做到这一点呢?

你可以在你的div 标签:

<div <?php body_class(); ?>></div>
但仅在body 标签

结束