其他教程

其他教程

Products

当前位置:首页 > 其他教程 >

Elementor无法加载 显示安全模式的问题

GG网络技术分享 2025-03-18 16:12 4


一,是因为需要调用加载谷歌字体

适用于本地电脑调试时!

elementor官方也有教程说明,针对Google Fonts搬运下:

add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );

把加到主题或者子主题的functions.php就行。

还有两个是:

add_action( 'elementor/frontend/after_register_styles',function() {

foreach( [ 'solid', 'regular', 'brands' ] as $style ) {

wp_deregister_style( 'elementor-icons-fa-' . $style );

}

}, 20 );

这是Awesome字体,然后就是Eicons:(本地调试,这一条可以不加,加了可能会导致不出现+号问题

add_action( 'wp_enqueue_scripts', 'remove_default_stylesheet', 20 );

function remove_default_stylesheet() {

wp_deregister_style( 'elementor-icons' );

}

二,插件发生冲突

如果你使用Elementor编辑时得到一个灰色页面,这可能是由于与其他插件或主题内插入的脚本发生冲突。在这种情况下,激活Elementor的安全模式。如果有帮助,除了Elementor和Elementor Pro之外,逐一停用每个插件,以找出哪个插件导致的问题。我们努力尽可能地解决与其他插件的不兼容问题。如果您发现与某个插件不兼容,请向我们以及与之冲突的插件的支持部门报告这个问题。

三,浏览器扩展冲突

有时,你会因为浏览器上安装的一个附加组件而得到这个加载页面。在这种情况下,你可以切换到另一个浏览器(必须是Safari, Chrome, Firefox, 或Opera)。

如果你的主题使用预加载器,你可能需要在主题的选项中或在自定义器中禁用预加载器。

灰色页面也可能是由于X框架限制和跨源问题。你可以通过检查你的浏览器控制台的错误信息来了解是否是这个问题(要做到这一点,点击鼠标右键,选择 "检查",然后 "控制台"。错误信息是以红色书写的)。在这种情况下,你将不得不把X-Frame-Options从DENY改为SAMEORIGIN。这必须由你的主机商来解决。

四,CDN Cloudflare规则

如果你使用Cloudflare,你可能需要关闭Rocket Loader或向Cloudflare添加规则。当Rocket Loader被激活时,加载Elementor的编辑器可能需要时间,有时你会卡在灰色加载页面。 Cloudflare的缓存也会阻止你的浏览器识别新版本的Elementor和Elementor pro,所以请确保在更新插件之前清除/停用你的缓存。

如果你同时使用的普通Elementor,请升级到最新的Elementor Pro。如果您使用的是比另一个版本更早的版本,可能会发生冲突,因为较新的版本可能会使用较旧版本不知道的代码或功能。把两者都更新到最新版本以解决这种可能性。

官网解决方案:https://elementor.com/help/cant-edit-with-elementor/

标签:

提交需求或反馈

Demand feedback