有多种方法可以实现这一点。您可以创建unique page template, enqueue a stylesheet 仅用于主页,或在主页上使用唯一类。
这可能是最简单的。
如果您使用浏览器(按f12)查看主页并查看正文标记,您会注意到WordPress正在添加一个。家庭课。您可以使用它应用不同的样式,这些样式只会影响主页上的内容。
以下是一些基于您所要求的内容的示例。
.home .site-branding {
background-color: #000;
}
.home .site-title a,
.home .site-description {
color: #fff;
}
我建议您按照自己的意愿设计所有其他页面的样式,然后使用。home类更改主页上的内容,如上面的示例。但您可以执行相反的操作,并将目标页面设置为没有。身体上的家庭课。
例如
body:not(.home) .site-branding {
background-color: #fff;
}
Note: 看看不同页面上的body类,WP为页面、帖子、模板等添加了一个独特的类,这样做很简单。