Html CSS背景图像在Wordpress上不起作用

我是Wordpress主题开发的新手。 我试图将一个静态html主题转换为wordpress，但我的背景图像不起作用。下面是代码

<div class="hero-slides owl-carousel">
            <!-- Single Slide -->
            <div class="single-hero-slide bg-img background-overlay" style="background-image: url(http://localhost/wordpress/wp-content/uploads/2018/07/bg1.jpg);"></div>
            <!-- Single Slide -->
            <div class="single-hero-slide bg-img background-overlay" style="background-image: url(http://localhost/wordpress/wp-content/uploads/2018/07/bg2.jpg);"></div>
</div>

当我检查元素时，背景图像url（）显示为空。

---

静态html页面工作正常。

首先检查滑块的所有JS和CSS文件是否正确加载到页面中

要获取主题目录的路径，请使用

然后在html中，您可以使用它作为图像的路径

<div class="single-hero-slide bg-img background-overlay" `style="background-image: url(<?php bloginfo('url'); ?>/wp-content/uploads/2018/07/bg1.jpg);"></div>

---

对不起，各位，误报了。问题出在我的编辑身上。它没有保存php文件。我重新启动了电脑，现在它工作了，必须重新输入图像路径。
你能在浏览器中打开图像（）吗？以确保您的计算机已启动且路径正确。是的，我可以打开它。