WordPress

Question

我在这个问题上遇到了很多麻烦。我正在学习 WordPress 课程，我正在学习最后一部分......将它从我的本地主机移动到实时服务器。

然而，这样做之后，我的背景图片并没有出现。起初，我的整个媒体库都坏了，但我能够修复它。不过我似乎无法弄清楚背景图片的问题。

在发帖之前，我一直在搜索多个论坛寻找答案...但我似乎无法找到或理解它，所以我想就我的具体情况寻求帮助。

这里是 link 当前的实时 WordPress 站点：http://176.32.230.251/znbootstraptowordpress.com/

这里是静态站点的 link，因此您可以查看缺少哪些背景图片： http://176.32.230.251/b2wzachnagatani.com/

在此先感谢您的帮助！

Answer 1

这是你的问题：

#hero {
    background: rgba(0, 0, 0, 0) url("/wp-content/themes/bootsrap2wordpress/assets/img/hero-bg.jpg") repeat fixed 50% 0;
    color: white;
    min-height: 500px;
    padding: 40px 0;
    text-rendering: optimizelegibility;
}

url 路径不正确，因此浏览器无法在 css 指定的路径中找到图像...这就是问题所在。

这是正确的路径（取自显示背景图片的页面）：

#hero {
    background: rgba(0, 0, 0, 0) url("../img/hero-bg.jpg") repeat fixed 50% 0;
    color: white;
    min-height: 500px;
    padding: 40px 0;
    text-rendering: optimizelegibility;
}

使用Firebug检查元素，在这种情况下有助于找到问题的根源。

Answer 2

在 /themes/bootsrap2wordpress/style 上检查你的 style.css。css

找到/wp-content/themes/bootsrap2wordpress/assets/img/ 在那里并用

替换所有

./assets/img/

您的问题将得到解决。

full css

WordPress - 实时服务器上没有背景图片

WordPress - No Background Images on Live Server

background-image