Elementor 卡在加载屏幕上怎么解决

朋友们在使用Elementor 编辑WordPress页面的时候，会遇到Elementor 卡住并显示灰色页面。这种情况要怎么解决呢？别急，我们接着往下看；首先需要排查原因，用相应的方法解决。

可能原因及解决方案

编辑页面会产生冲突

如果在使用 Elementor 编辑时出现灰色页面，可能是由于与以下任一插件发生冲突：

• 其它插件
• 主题中插入的脚本

请按照下面的步骤解决这个问题：

1.激活安全模式。检查是否有帮助。

• 如果有帮助，请一一停用除 Elementor 和 Elementor Pro 之外的每个插件，以找出导致问题的插件。 
• 如果没有帮助，那就需要联系技术支持了。

2.尽可能解决与其他插件不兼容的问题。

3.如果发现与某个插件不兼容，一般找功能相似的插件代替；如没有相同类型的插件，可以联系插件的技术人员。

浏览器已安装附加组件

出现Elementor 卡在加载屏幕上的问题，还有可能是由于浏览器上安装了插件，比如用的浏览器上面安装了拓展应用程序等，页面可能会卡住并显示灰色页面。 要解决此问题也比较简单，切换到另一个浏览器就好。

主题使用预加载器

如果你的主题使用预加载器，可能需要在主题选项或自定义器中禁用预加载器。某些主题自带的预加载器会影响使用 Elementor 编辑，导致屏幕看起来一片空白，如下图所示。要在这些主题下使用 Elementor，要通过主题的自定义器停用预加载器。

X框架限制和跨域问题

由于 X 框架限制和跨源问题，页面可能会卡住并显示灰色页面。要验证这一点，按下面操作看看：

1. 在浏览器上，右键单击，然后选择“检查”。
2. 单击控制台。错误消息以红色书写。将 X-Frame-Options 从DENY更改为SAMEORIGIN来解决此问题。 

Cloudflare 用户加载 Rocket Loader 需要一些时间

如果使用 Cloudflare，可能需要关闭 Rocket Loader 或向 Cloudflare 添加规则。激活 Rocket Loader 后，可能需要一些时间来加载 Elementor 编辑器。这可能会导致你卡在灰色加载页面上。 

要解决此问题，按照下面步骤操作： 

• 在更新插件前清除/停用缓存。Cloudflare 的缓存会阻止浏览器识别新版本的 Elementor 和 Elementor pro。
• 在 Cloudflare 中创建规则。对于 Elementor 页面：站点 URL/*elementor*；对于 Elementor 模板：站点 URL/?elementor_library=*

Elementor 和 Elementor Pro 的不兼容版本

如果同时使用 Elementor 免费版和 Elementor Pro，要确保版本兼容。将新版本与旧版本一起使用可能会导致冲突。因为新版本可能使用了旧版本无法识别的代码或功能。将两个版本（Elementor 和 Elementor Pro）都更新到最新版本。

结论

在使用Elementor编辑WordPress页面时，遇到灰色页面或编辑器卡住的情况并不罕见。通过排查插件冲突、浏览器扩展、主题预加载器和跨域问题，你可以轻松解决这些常见问题，确保顺畅地使用Elementor构建出理想的网页。如果问题持续存在，别忘了及时联系技术支持或社区寻求帮助。