在WordPress中更改页面的标题图像[关闭]答案

【问题标题】：Change a Page's Header Image in WordPress [closed]在WordPress中更改页面的标题图像[关闭]
【发布时间】：2013-09-27 12:04:36
【问题描述】：

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

这是主页的屏幕截图，显示图像作为标题

这是一个页面（关于我们）的屏幕截图，它使用相同的图像（带有绿色部分的棕色纹理）作为标题，只是放大了。

我尝试深入研究代码，我相信这是 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 的结构，现在我不知道如何进行。

【问题讨论】：

标签： css wordpress wordpress-theming

【解决方案1】：

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

在公园里散步。

【讨论】：

【解决方案2】：

我设法通过使用 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;
}

【讨论】：