Wordpress和两种风格

时间:2016-10-03 15:18:15

标签: html css wordpress

我不是PHP程序员,但有一些帮助(Adam Burkenpas的教程)我创建了我的第一个Wordpress主题。它是一个静态页面(首页)和博客。博客页面存在问题,博客有两种不同的样式,头版有一种不同的样式。有些类(比如正文)具有相同的名称,当我通过functions.php加载博客css时,它在我的首页上变得混乱(错误的字体,错误的字体颜色)。我在博客CSS中将身体名称更改为&blog; blog.body'通过"在HTML中添加类,但没有帮助。怎么解决?

css代码

http://jsbin.com/xaredeneru

3 个答案:

答案 0 :(得分:0)

如果你想指定不同的身体类别,你可以看一下https://codex.wordpress.org/Plugin_API/Filter_Reference/body_class 基于此,您可以检查页面并为该页面添加特定的主体类。 现在在css中你可以给出具有父依赖性的样式,如:

body.myclass .mytext{color:#000;}

和第2页:

body.someotherclass .mytext{color:#000;}

干杯!

答案 1 :(得分:0)

您可以在CSS中使用组合seletors:通常<body>标记会自动由Wordpress分配一个或多个唯一类,或者像pagesingle-post这样的类。当您使用bowser的开发人员工具检查生成的页面时,您会看到这些。

因此,您可以使用body.page {...}来定义页面正文的规则,并为归档页面中的正文定义body.archive {...}

您还可以使用.page .nav {...}仅对页面上的.nav类元素进行样式设置。等等...

答案 2 :(得分:0)

喜欢@ den-pat和@johannes说......

你可以使用body_class()功能,wordpress会自动为你设置一些身体类,如果你想知道什么是类,它们出现时你可以take a look here

但是首页的css类是[ , I := NULL]而博客的css类(帖子列表页面)是.home

您可以替换当前的身体标记代码

.blog

<body class="blog">

并使用css选择器分隔样式

<body body_class() >

如果你想动态设置你的身体类,那么值得阅读body_class过滤器钩子。