Elementor 编辑器是 WordPress 中一款强大的页面构建器，但有时会遇到无限加载的问题，导致无法正常编辑页面。以下提供一系列排查和解决步骤，希望能帮助您解决这个问题。
1. 常规排查步骤
首先，进行一些常规的检查，确保问题不是由常见原因引起的：
- 更新所有组件： 确保您使用的 Elementor、Elementor Pro、WordPress 以及主题都是最新版本。过时的版本可能存在兼容性问题。
- 禁用所有插件： 除了 Elementor 和 Elementor Pro 之外，暂时禁用所有其他插件。如果问题消失，则说明某个插件与 Elementor 冲突。逐个启用插件，直到找到引起问题的插件。
- 更换主题： 暂时切换到 WordPress 默认主题（例如 Twenty Nineteen 或 Twenty Twenty-Three）。如果问题解决，则说明当前使用的主题与 Elementor 不兼容。
2. 高级调试
如果常规排查无法解决问题，可以尝试以下高级调试方法：
-
开启 WordPress 调试模式： 在 WordPress 根目录下的 wp-config.php 文件中，将 WP_DEBUG 的值设置为 true。这会显示 PHP 错误信息，有助于定位问题。
define( 'WP_DEBUG', true );
注意： 在生产环境中，建议将 WP_DEBUG 设置为 false，以避免泄露敏感信息。
启用编辑器加载器切换： 在 WordPress 后台，进入 Elementor -> Settings -> Advanced，启用 "Switch Editor Loader Method"。
3. 缓存与版本问题
- 清除浏览器缓存： 使用 Ctrl + F5 强制刷新浏览器，清除缓存。这可以确保加载最新的 Elementor 资源。
- Elementor 版本回退： 将 Elementor 版本降级到之前的稳定版本。有时新版本可能存在未知的 bug。可以在 Elementor 插件页面找到历史版本。
4. 许可证与页面设置
- 检查 Elementor Pro 许可证： 确保您的 Elementor Pro 许可证已正确连接。可以尝试断开连接然后重新连接。
- 尝试使用 WordPress 编辑器： 先使用 WordPress 默认编辑器编辑页面，然后再切换回 Elementor 编辑器。这有时可以解决 Elementor 卡住的问题。
- 更改页面模板： 某些主题提供了不同的页面模板，选择与 Elementor 兼容性更好的模板。
5. 最后的手段：CSS 隐藏加载动画
如果以上方法都无效，可以尝试使用 CSS 隐藏加载动画。这虽然不能解决根本问题，但可以让你暂时编辑和保存页面。
.elementor-loading-spinner {
display: none !important;
}将以上 CSS 代码添加到您的主题的 style.css 文件或通过 WordPress 自定义 CSS 功能添加。
注意： 这只是一个临时解决方案，建议尽快找到并解决 Elementor 无限加载的根本原因。
总结
Elementor 无限加载问题可能由多种原因引起。通过本文提供的排查和解决方案，您可以逐步缩小问题范围，最终找到并解决问题。从常规的插件、主题兼容性检查，到高级的调试模式开启、版本回退，以及最后的 CSS 隐藏加载动画等多种方法，希望能够帮助您快速定位并解决 Elementor 无限加载的困扰，恢复正常的页面编辑功能。
