在WordPress中更改页面的标题图像

时间:2013-09-27 02:57:50

标签: css wordpress wordpress-theming

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

以下是主页的屏幕截图,显示图像为标题

enter image description here

这是一个页面(关于我们)的屏幕截图,它使用相同的图像(棕色纹理和绿色部分)作为标题似乎只是放大。

enter image description here

我尝试深入研究代码,我相信这是Styles.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 个答案:

答案 0 :(得分:1)

在WordPress中,标题默认在“header.php”中定义。你需要ftp访问,并复制header.php,将其重命名为header2.php,进行更改,保存。然后复制您的主页模板,并替换为并将其另存为另一个文件,如main2。确保更改顶部注释区域中的名称,以便WordPress显示该模板的不同名称。将新页面上传到主题目录。在要更改标题的页面上,选择新的页面模板并保存。

走在公园里。

答案 1 :(得分:0)

我设法通过使用JetPack插件解决了这个问题,而没有过多地依赖于创建新模板。

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

这是我添加的 CSS

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