Elementor 未加载? 立即修复它的 8 种方法

已发表: 2023-04-27


Elementor 是否未加载到您的网站上?

发生这种情况的原因有很多,包括插件冲突、PHP 内存不足和托管服务器问题。

为什么 Elementor 没有加载到您的网站上?

当 Elementor 未在您的网站上加载时,您会遇到以下情况:

  • Elementor 徽标无限闪烁的空白页面
  • 屏幕左侧的小部件呈灰色并正在尝试加载

在这两种情况下,您都无法访问帖子或页面的内容区域。

元素或未加载

虽然 Elementor 无法加载的原因可能有多种,但最常见的原因是插件或主题冲突。 这意味着您网站上安装的插件或主题与 Elementor 的代码冲突。

Elementor 无法加载的另一个常见原因是您的服务器的PHP 内存限制较低

PHP内存限制是指每个PHP脚本允许消耗的最大服务器内存量。 此限制有助于防止编写不当的脚本耗尽服务器上的所有可用内存。 也就是说,并非所有需要超过标准 PHP 内存的插件或主题都写得不好。

Elementor 未加载的不太常见原因包括托管服务提供商端的技术问题与浏览器扩展的冲突、与 Cloudflare 等内容交付网络 (CDN) 的冲突等。

现在您已经了解 Elementor 为何无法在您的网站上运行,让我们尝试修复它。

如何解决 Elementor 未加载问题:九个故障排除技巧

要解决此问题,您需要一一执行以下步骤:

  1. 清除浏览器缓存
  2. 更新 Elementor – 免费版和专业版(如果同时使用)
  3. 停用插件和主题
  4. 切换到不同的浏览器或禁用所有扩展
  5. 如果您使用 Cloudflare 的 CDN,请禁用 Cloudflare Rocket Loader 并清除缓存
  6. 升级到最新的 PHP 版本
  7. 增加 PHP 内存限制
  8. 禁用主题预加载器
  9. 寻求 Elementor 支持的帮助

在我们深入研究每个步骤之前,请备份您的网站。 你将对你的网站进行修改,这是有风险的,你最终可能会得到一个损坏的网站。 因此,在继续之前备份您的整个站点。

1.清除浏览器缓存

每当您在网站上遇到问题时,您应该尝试的第一件事就是清除浏览器缓存。

浏览器缓存在本地存储某些网站文件以提高性能。 但是,如果这些网站文件过时,可能会导致您的网站出现各种奇怪的问题。

我们有一份指南向您展示如何清除所有流行浏览器的浏览器缓存。

如果您使用的是 Chrome,以下是清除浏览器缓存的方法:

  1. 点击右上角的“三点”图标。
  2. 在出现的下拉菜单中展开更多工具子菜单。
  3. 单击清除浏览数据
  4. 在出现的弹出窗口中选择缓存的图像和文件
  5. 单击清除数据
清除 chrome 浏览器缓存

接下来,打开您的站点以查看 Elementor 是否正确加载。 如果不是,请尝试下一个解决方案。

2.更新元素

众所周知,过时的插件会导致与其他插件和 WordPress 核心发生冲突。 如果有可用更新,请更新 Elementor 插件。

如果您同时使用这两个插件,请务必同时更新 Elementor 和 Elementor Pro 的免费版本。

3.停用插件和主题

插件和主题冲突是“Elementor 未加载”问题背后的首要原因。

您网站上的 Elementor 问题很可能也是由您网站上安装的插件或主题引起的。

已知有几个插件或主题与页面构建器不兼容。 您可以在此处找到它们。 查看您的网站上是否安装了这些插件或主题中的任何一个。 如果找到匹配项,请立即卸载该软件。

如果找不到匹配项,那么 Elementor 问题可能不是由于插件或主题冲突造成的! 要解决这个问题,您必须停用站点上安装的每个主题和插件。

以下是诊断可能导致 Elementor 未加载错误的主题或插件兼容性问题的一些提示。

启用安全模式

首先,您需要启用Elementor 的安全模式

  1. 打开您的 WordPress 仪表板。
  2. 转到Elementor → 工具 → 常规 → 安全模式
  3. 安全模式下拉菜单中选择启用按钮。

然后打开页面或帖子并检查 Elementor 是否正常运行。

启用元素或安全模式

找到罪魁祸首插件或主题

如果 Elementor 仍然无法正常工作,则不是插件或主题问题。 我们建议直接跳到第 4 步。但是,如果 Elementor 现在正在加载,那么您的插件或主题之一就是罪魁祸首。 您需要找到它并将其从您的网站中删除。

这可以通过禁用站点上安装的每个插件然后一次启用一个来完成。

但首先,禁用Elementor 安全模式。

然后转到插件→已安装的插件并选择您站点上安装的每个插件。 从下拉菜单中选择停用选项,然后点击应用按钮。

停用所有插件 - 元素或不加载

然后开始一个一个激活插件。

每次启用插件时,打开帖子或页面并检查 Elementor 是否正在加载。

如果您已经完成了这些插件,但无法查明导致 Elementor 加载错误的插件,那么罪魁祸首可能是您网站上的活动主题。

要禁用您的活动主题,请转到外观 → 主题激活任何其他主题,最好是 WordPress 主题之一,如二十一、二十九等。

激活默认的 wordpress 主题

4.切换浏览器或禁用扩展

已知 Elementor 加载问题是由浏览器上安装的扩展程序引起的。

我们建议在不同的浏览器上打开网站,最好是没有安装扩展程序的浏览器。

但是,如果您的浏览器没有安装任何扩展程序,请暂时禁用扩展程序并检查 Elementor 是否正在您的网站上加载。

要管理 Chrome 中的扩展程序,您可以将其粘贴到浏览器地址栏中,然后按回车键 - chrome://extensions/

如何禁用 Chrome 浏览器扩展以修复 Elementor 未加载

5. 在 Cloudflare 中禁用 Rocket Loader(如果使用 Cloudflare)

如果您使用 Cloudflare 来加速您的 Elementor 站点,则已知 Cloudflare 的 Rocket Loader 功能会导致 Elementor 无法加载的问题。

以下是禁用 Cloudflare Rocket Loader 的方法:

  1. 在 Cloudflare 中打开您网站的仪表板。
  2. 使用边栏选择“速度”设置下的“优化”
  3. 向下滚动到Rocket Loader
  4. 使用开关禁用 Rocket Loader。
禁用 Cloudflare Rocket Loader 以修复 Elementor 未加载

除了禁用 Rocket Loader 之外,您还需要考虑禁用 Cloudflare 的缓存(如果您正在使用它)——至少在您使用 Elementor 时。

或者,您可以尝试清除 Cloudflare 缓存而不是禁用它。 您可以通过在 Cloudflare 仪表板中转到缓存→配置并单击清除所有按钮来执行此操作。

如何清除 Cloudflare 缓存

6.升级到最新的PHP版本

PHP 是构建 WordPress 的编程语言。 所有 WordPress 插件和主题都有 PHP 要求。 要使 Elementor 插件在 WordPress 网站上运行,您需要 PHP 7 或更高版本。

您可以通过打开您的 WordPress 仪表板并转到工具 → 网站健康来检查您网站的 PHP 版本。

wordpress 网站 php 版本 - 元素或未加载

如果您需要更新您的 PHP 版本,请打开您的主机帐户,转到cPanel ,向下滚动,然后选择选择 PHP 版本选项。

在下一页上,您应该会找到一个带有下拉菜单的名为“当前 PHP 版本”的选项。 从菜单中选择最新的 PHP 版本。 就是这样。

从 cpanel 更新 php 版本

如果您的主机不提供 cPanel,您可以联系主机的支持人员寻求帮助。

7.增加PHP内存限制

增加 PHP 内存限制可能会解决 Elementor 未加载问题。

可以通过三种不同的方式来增加 PHP 内存限制:

  1. wp-config.php 文件
  2. .htaccess 文件
  3. php.ini文件

我们将向您展示如何编辑 wp-config.php 文件。 如果您想改用 .htaccess 文件或 php.ini,我们有一个单独的指南。

要编辑 wp-config 文件,请打开您的主机帐户并转到cPanel → 文件管理器 → public_html → wp-config.php

如果您的主机不提供 cPanel,您也可以使用 FTP 连接到您的服务器

右键单击 wp-config.php 文件并选择“编辑”按钮。 该文件将在不同的选项卡上打开。 寻找这句话:

define( 'WP_MEMORY_LIMIT', '32M' );

将数值增加到256M

如果找不到代码片段,请将其插入到此行的正上方 – /* That's all, stop editing! Happy publishing. */ /* That's all, stop editing! Happy publishing. */

点击屏幕顶部的保存更改按钮并退出文件。 立即尝试加载 Elementor。

增加 wpconfig 中的 php 内存限制

8.禁用主题预加载器

主题预加载器显示加载图像(通常是动画),让访问者知道内容正在加载。 这些预加载器会对 Elementor 产生负面影响。

因此,如果您的主题有预加载器,请禁用它们。

如何禁用主题的预加载器取决于主题。 一些主题在 WordPress 定制器中提供了专门的设置,而其他主题可能需要您将自定义 CSS 片段添加到您的站点。

您可以通过访问主题开发人员的网站并查找有关如何禁用预加载器的帮助文档来询问支持团队或自行完成。

9. 向 Elementor 支持寻求帮助

如果“Elementor 未加载”错误仍然存​​在,请联系 Elementor 支持团队并寻求帮助。

告诉他们您为解决问题已采取的所有步骤。

他们应该能够立即启动并运行页面构建器。

永久修复 Elementor 未加载错误

当 Elementor 停止工作时,您需要执行以下操作:

  1. 清除浏览器缓存
  2. 更新 Elementor – 免费版和专业版(如果同时使用)
  3. 停用插件和主题
  4. 切换到不同的浏览器或禁用所有扩展
  5. 如果您使用 Cloudflare 的 CDN,请禁用 Cloudflare Rocket Loader 并清除缓存
  6. 升级到最新的 PHP 版本
  7. 增加 PHP 内存限制
  8. 禁用主题预加载器
  9. 寻求 Elementor 支持的帮助

对于增强 Elementor 体验的其他一些方法,您可能还对我们对最佳 Elementor 主题和最佳 Elementor 附加插件的综述感兴趣。

如果您对 Elementor 未加载错误仍有任何疑问,请在下方发表评论,我们会尽快回复您。