0

我的网站没有在实时版本上加载背景图像 - 它只显示文本和灰色屏幕。

我使用 Elementor 构建了网站。

这是页面

（所有服务页面）。

我将所有图像压缩到大约 100K，因此它们不应该太大而无法加载。一个主页是 99K 并且它加载。

谢谢

4

7 回答 7

5

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

你可以解决它

第 1 步 - Elementor -> 工具 -> 替换 URL -> http://localhost/-> https://wwlandscaping.com->替换 URL

第 2 步 - Elementor -> 工具 -> 常规 -> 重新生成 CSS ->重新生成文件和同步库 ->同步库

于 2019-10-24T20:38:20.283 回答
2

您的图像仍在引用本地主机。例如http://localhost/woodworks/wp-content/uploads/2019/01/services-decking.jpeg。我建议您使用类似 all in one wp migration的方式导出您的站点，以便它修复链接或找到修复这些图像链接的方法。

于 2019-02-08T18:50:11.540 回答
2

我在使用带有实时链接的本地 WP 将 Elementor 背景图像加载到本地环境中的设备上时遇到了类似的挑战。

这是我解决它的方法。Elementor 迁移指南非常有帮助。

来自 elementor 迁移指南：

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

这就是我在本地设备上工作的 elementor 背景图像。我正在使用带有实时链接的本地 WP 进行设备测试：

  1. 在您的本地环境中，将本地 Elementor css 打印方法设置为“内部嵌入”（Elementor > Settings > Advance）
  2. 进行 url 重写（旧环境 URL 到新环境 URL）
  3. 重新生成 Elementor 文件（Elementor > 工具 > 常规）

在我这样做之后，在我的本地环境中，我的背景图像出现在本地设备中。然后我推动了 staging 和 prod（包括数据库）以查看背景图像是否仍然可见并且它们仍然可见。一切正常。

对于生产 - Elementor 引用了将 Elementor 的 css 打印方法设置为“外部”时的性能增强。

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

  1. 在您的产品环境中，将本地 Elementor css 打印方法设置为“外部文件”（Elementor > Settings > Advance）
  2. 进行 url 重写（旧环境 URL 到新环境 URL）
  3. 重新生成 Elementor 文件（Elementor > 工具 > 常规）

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

于 2020-05-07T18:53:29.773 回答
1

查看您将路径链接到您尝试显示的背景图像的页面具有以下路径：http://localhost/woodworks/wp-content/uploads/2019/01/services-decking.jpeg您可以看到您仍在引用您localhost的内部网络服务器，而不是您现在使用的网络服务器。如果您删除 localhost 域，则它应该可以正常工作，前提是图像位于正确的路径中。

于 2019-02-08T18:50:19.517 回答
0

第 1 步 - Elementor -> 工具 -> 替换 URL -> http://localhost/ -> https://wwlandscaping.com -> 替换 URL

第 2 步 - Elementor -> 工具 -> 常规 -> 重新生成 CSS -> 重新生成文件和同步库 -> 同步库

第 3 步 - 转到页面并单击 elementor 中的编辑页面。选择图像背景并删除图像。

第 4 步 - 单击更新。

第 5 步 - 再次上传图片并点击更新。

于 2020-02-05T21:07:02.013 回答
0

请尝试替换您的网址。在托管的任何服务器上登录您的 Wordpress 帐户。

在您的仪表板屏幕上，导航到 Elementor -> 工具。在常规选项卡中，重新生成 CSS 文件。

于 2020-02-18T13:25:47.087 回答
0

一个简单的解决方法，因为 Elementor 的工具没有帮助：通过 FTP 连接到您的网站。

转到以下文件夹：/wp-content/uploads/elementor/css

下载它们并搜索并替换旧的背景 URL

对我来说，我在另一个文件夹中有一些 CSS：/wp-content/uploads/ao_ccss

我在那里更改了后台 URL，它解决了问题。

于 2021-01-20T22:43:09.517 回答