我不是PHP程序员,但有一些帮助(Adam Burkenpas的教程)我创建了我的第一个Wordpress主题。它是一个静态页面(首页)和博客。博客页面存在问题,博客有两种不同的样式,头版有一种不同的样式。有些类(比如正文)具有相同的名称,当我通过functions.php加载博客css时,它在我的首页上变得混乱(错误的字体,错误的字体颜色)。我在博客CSS中将身体名称更改为&blog; blog.body'通过"在HTML中添加类,但没有帮助。怎么解决?
css代码
答案 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分配一个或多个唯一类,或者像page
或single-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
过滤器钩子。