问不加载元素的背景图像

EN

您的图像仍在引用本地主机。例如，http://localhost/woodworks/wp-content/uploads/2019/01/services-decking.jpeg。我建议您使用类似于一个wp迁移中的所有内容来导出您的站点，这样它就可以修复链接或找到修复这些图像链接的方法。

查看链接到要显示的背景图像的路径的页面，可以看到以下路径：http://localhost/woodworks/wp-content/uploads/2019/01/services-decking.jpeg

你可以解决它

步骤1-元素或->工具->替换URL -> http://localhost/ -> https://wwlandscaping.com -> 替换URL

步骤2-元素或->工具->通用->重新生成CSS -> 再生文件& Sync Library -> Sync Library

我也遇到过类似的挑战，要让元素或背景图像加载到本地环境中的设备上，可以使用本地WP和实时链接。

我就是这样解决的。元素迁移指南是非常有用的。

根据元素迁移指南：

背景图像保存在具有绝对URL的CSS文件中。为了避免在不需要编写脚本的情况下迁移背景图像中的问题，可以定义CSS打印方法为内联方法，如果需要，可以使用外部文件。这可以通过进入Elementor > Settings > Advanced打印方法>内部Embedding> CSS打印方法:内联，在您的WP仪表板上完成。

这里为我提供了在本地设备上工作的元素或背景图像。我使用本地WP和实时链接进行设备测试：

1. 在本地环境中，将本地元素或css打印方法设置为“内部嵌入”(Elementor > Settings > Advance)
2. 执行url重写(旧环境URL到新环境URL)
3. 重新生成元素文件(元素>工具>通用)

在我这样做之后，在我的本地环境中，我的背景图像出现在本地设备中。然后，我做了一个阶段和prod (包括数据库)，看看背景图像是否仍然可见，他们是。一切正常。

对于生产-当Elementor的css打印方法设置为"external“时，Elementor引用了性能增强。

如果您想在prod上执行此操作，在完成设备测试之后，请执行以下步骤：

1. 在prod环境中，将本地Elementor css打印方法设置为“外部文件”(Elementor > Settings > Advance)
2. 执行url重写(旧环境URL到新环境URL)
3. 重新生成元素文件(元素>工具>通用)

我认为这应该可以解决在本地和设备上开发站点时的元素或背景图像难题。如果我错了请告诉我。