主页和其余页面的页眉样式不同

时间:2018-12-21 作者:el Huzar

添加不同的网站标题和菜单样式并将其分配到特定页面是否相当简单?我对CSS和php的工作原理有着非常基本的了解,并成功地定制了主题,但这远远超出了我的能力。有人能告诉我在哪里添加什么代码,这样我就可以得到标题和主菜单:

主页上-黑色背景上的白色网站标题、说明和菜单,其他页面上-白色背景上的黑色网站标题、说明和菜单

1 个回复
最合适的回答,由SO网友:RiddleMeThis 整理而成

有多种方法可以实现这一点。您可以创建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为页面、帖子、模板等添加了一个独特的类,这样做很简单。

相关推荐

Inject added to title

有一个很大的问题,在标题wordpress站点有时(随机)添加了注入代码(截图)。代码之后,在带有横幅的页面上添加了站点重定向。更改服务器通行证、更改用户通行证、添加google身份验证和更改输入点(不是wp login.php),但每天都要注入工作。Wordpress 4.9.4。如何阻止它?