Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/google-sheets/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用body_类根据页面层次结构更改css_Css_Wordpress_Themes - Fatal编程技术网

如何使用body_类根据页面层次结构更改css

如何使用body_类根据页面层次结构更改css,css,wordpress,themes,Css,Wordpress,Themes,尝试根据我的Wordpress页面层次结构设置各种css规则,发现Wordpress可以使用自动生成这些规则,但我完全不知道如何实现它。有人能一步一步地给我解释一下吗?(Aka,我需要在functions.php中放入什么,我需要在css文件中放入什么) 基本上,我想改变标题文本背景,这取决于父页面是什么。 例如: …/news及其所有子页面(…新闻/时事通讯注册、新闻/提交等)将为蓝色 …社区,其所有子页面(…社区/资源/超市,…社区/操作/付费公用设施等)将为紫色 …/事件,其所有子页面都

尝试根据我的Wordpress页面层次结构设置各种css规则,发现Wordpress可以使用自动生成这些规则,但我完全不知道如何实现它。有人能一步一步地给我解释一下吗?(Aka,我需要在functions.php中放入什么,我需要在css文件中放入什么)

基本上,我想改变标题文本背景,这取决于父页面是什么。 例如:

  • …/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;

}