如何使用body_类根据页面层次结构更改css
尝试根据我的Wordpress页面层次结构设置各种css规则,发现Wordpress可以使用自动生成这些规则,但我完全不知道如何实现它。有人能一步一步地给我解释一下吗?(Aka,我需要在functions.php中放入什么,我需要在css文件中放入什么) 基本上,我想改变标题文本背景,这取决于父页面是什么。 例如:如何使用body_类根据页面层次结构更改css,css,wordpress,themes,Css,Wordpress,Themes,尝试根据我的Wordpress页面层次结构设置各种css规则,发现Wordpress可以使用自动生成这些规则,但我完全不知道如何实现它。有人能一步一步地给我解释一下吗?(Aka,我需要在functions.php中放入什么,我需要在css文件中放入什么) 基本上,我想改变标题文本背景,这取决于父页面是什么。 例如: …/news及其所有子页面(…新闻/时事通讯注册、新闻/提交等)将为蓝色 …社区,其所有子页面(…社区/资源/超市,…社区/操作/付费公用设施等)将为紫色 …/事件,其所有子页面都
- …/news及其所有子页面(…新闻/时事通讯注册、新闻/提交等)将为蓝色
- …社区,其所有子页面(…社区/资源/超市,…社区/操作/付费公用设施等)将为紫色
- …/事件,其所有子页面都将为橙色
蒂亚 在header.php文件中将此
更改为例如,我们有一个标准页面,如:
<html>
<head>
<!-- HEAD CONTENT -->
</head>
<body>
<div class="container">
<div class="post">
<h1>Title of post</h1>
<p>Text or another content of post</p>
</div>
<div class="post">
<h1>Title of post</h1>
<p>Text or another content of post</p>
</div>
<div class="post">
<h1>Title of post</h1>
<p>Text or another content of post</p>
</div>
</div>
</body>
</html>
现在,主页、博客和新闻类别中的所有帖子都会逐行显示
公文包部分和类别项目中的所有出版物显示在三列中
家庭、新闻和博客示例:
body,
html{
宽度:100%;
背景色:#333;
}
.集装箱{
利润率:10px自动;
宽度:660px;
背景色:#ccc;
}
.邮政{
背景色:#fff;
框大小:边框框;
利润率:10px;
填充:10px;
最小高度:240px;
边框:1px实心#666;
}
body.home.post,
body.news.post,
body.blog.post{
宽度:640px;
显示:块;
明确:两者皆有;
}
body.portfolio.post,
身体,工作,职位,
body.projects.post{
宽度:200px;
显示:块;
浮动:左;
}
职务
帖子的文本或其他内容
职务
帖子的文本或其他内容
职务
帖子的文本或其他内容
您是否有指向您网站的链接?这使得详细解释变得更容易。这个网站还没有上线,我在WAMP上运行它,直到我把它全部设置好。如果我想让它基于页面父级,而不是帖子类型或类别-我该怎么做呢?我应该在css文件中放什么?
<body <? body_class(); ?>>
body.home .post, body.news .post, body.blog .post {
width: 640px;
display: block;
clear: both;
}
body.portfolio .post, body.work .post, body.projects .post {
width: 200px;
display: block;
float: left;
}