Change a Page's Header Image

时间:2013-09-26 作者:lozadaOmr

我正在使用Sunrise Theme 来自s5themes。com,我想知道在各个页面中是否可以有不同的标题图像,因为从我可以看出,它们在主页上显示标题图像时使用相同的CSS代码。

这是主页的屏幕截图,将图像显示为标题

enter image description here

这是一个页面(关于我们)的截图,它使用了和标题相同的图像(棕色纹理和绿色部分),只是看起来放大了。

enter image description here

我试着深入研究代码,我相信这就是风格中的一部分。处理它的css。

CSS

.header-wrapper {
background: #333;
background-image: url(img/wood-only.png);
background-attachment: fixed;
background-size: cover;
min-height: 200px;
所以我编辑了上面的代码,不幸的是,它也会影响主页中的图像,我尝试将背景大小设置为

background-size: auto;
理想情况下,我可以编辑模板文件,但我不熟悉WordPress的结构,现在我不知道如何处理。

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

通过使用JetPack插件,我在不太依赖创建新模板的情况下成功地解决了这个问题。

并利用其添加自定义CSS的能力

这是CSS 添加了行I

body.page .header-wrapper {
    background: #333;
    background-image: url(http://image-url/image.png);
    background-attachment: fixed;
    background-size: auto !important;
    min-height: 200px;
}

SO网友:MikeNGarrett

body标记有很多类,例如“主页页面id-####页面模板页面模板名称”,您可以使用css自定义标题。只需指定其他目标:

.home .header-wrapper {
   background-image: url(img/some-other-image.png);
}

结束

相关推荐

WordPress未显示css文件

我遇到了一个疯狂的问题,这让我大吃一惊。我在本地主机上安装了Wordpress并开始开发。我修改了标准的2122主题,并在整个网站(4或5页)中添加了自定义HTML和CSS该网站在我的本地机器上显示得很好(Mac OSX-Safari 6.0.5、Firefox 23.0、Chrome 29.0)。我将我的站点转移到我的实时主机(在GoDaddy下),并通过转储然后导入来迁移数据库。现在,我可以将我的站点拉到本地主机下,也可以转到实时主机URL,而该站点看起来与应该的完全一样。然而,当我通过(browse