西数超哥博客
运维经验教程分享

插件 elementor 如何调整可以在国内站点服务器上使用

Elementor 插件在国内使用遇到的主要问题是其前端编辑器(Editor)和部分功能需要加载Google服务器上的资源(字体、图标、某些JS库),而Google服务在国内是无法直接访问的,这会导致编辑器加载极其缓慢、排版错乱或功能无法使用。

解决这个问题的核心思路就是 “替换”或“移除”这些被墙的域名链接

您可以通过以下几种方法进行调整,让 Elementor 在国内正常使用:

方法一:安装优化插件(最推荐,最简单)

这是最安全、最便捷的方法,安装一个专门的优化插件即可一键解决。

  1. 推荐插件

    • Elementor 官方中国用户优化插件:这是最官方的解决方案。插件名为 “Elementor Tools – 中国用户优化插件”。您可以在WordPress后台的插件中心搜索 “Elementor China” 或 “Elementor 中国” 来找到并安装它。

    • 第三方优化插件:例如 “WP Replace” 或 “Replace Google CDN” 等插件,它们可以批量将网站中的Google域名替换为国内可访问的镜像源。

  2. 工作原理:这些插件会自动将 fonts.googleapis.com (谷歌字体) 和 *.gstatic.com 等域名替换为国内可访问的镜像源(如 fonts.loli.net 或 fonts.googleapis.cn),或者直接禁止加载。

  3. 优点:一键安装启用,无需修改代码,安全无风险,后续更新也会持续维护。

方法二:使用代码片段(需要一些技术基础)

如果您不想安装新插件,可以将以下代码添加到您主题的 functions.php 文件末尾(建议使用子主题,以免主题更新后代码丢失)。

php

// 移除Google字体和无效资源,优化Elementor国内速度
function replace_elementor_google_fonts() {
    // 移除前端的Google字体
    add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );
    
    // 移除编辑器中的Google字体
    add_action( 'elementor/editor/before_enqueue_scripts', function() {
        wp_deregister_style( 'google-fonts' );
        wp_dequeue_style( 'google-fonts' );
    } );
    
    // 可选:将Google字体替换为国内镜像源 (以fonts.loli.net为例)
    // function replace_google_fonts($url) {
    //     $url = str_replace('fonts.googleapis.com', 'fonts.loli.net', $url);
    //     $url = str_replace('fonts.gstatic.com', 'gstatic.loli.net', $url);
    //     return $url;
    // }
    // add_filter('style_loader_src', 'replace_google_fonts');
}
add_action( 'init', 'replace_elementor_google_fonts' );

代码说明

  • 前两部分直接禁止加载Google字体,这是最快的方法。

  • 最后一部分(被注释掉的)是替换而不是禁止,如果您希望保留字体效果但使用国内源,可以取消注释并尝试。但请注意,国内镜像源的稳定性有时无法保证。

方法三:在Elementor设置中调整(部分有效)

  1. 进入WordPress后台 -> Elementor -> Settings (设置) -> Advanced (高级)。

  2. 找到 Google Fonts (谷歌字体) 选项,选择“Disable” (禁用)

  3. 找到 Font Awesome (图标库) 选项,选择“Disable” (禁用) 或 “Upgrade to v5” (升级到v5,v5的加载方式可能有所不同)。

  4. 保存更改。

注意:这个方法会牺牲掉Google字体和Font Awesome图标的效果,网站前端可能看起来和设计时不一样,但可以保证编辑器和前台正常加载。


总结与建议

方法 难度 效果 推荐度
方法一:安装优化插件 ⭐☆☆☆☆ 非常简单 ✅ 最佳,既能保持效果又能加速 极度推荐
方法二:添加代码片段 ⭐⭐⭐☆☆ 需要技术 ✅ 很好,但需自行维护代码 推荐给开发者
方法三:在设置中禁用 ⭐☆☆☆☆ 非常简单 ⚠️ 有效但会失去字体和图标 临时应急方案

给您的直接建议:

直接去WordPress插件库搜索并安装 “Elementor Tools – 中国用户优化插件” 或类似功能的插件,这是最一劳永逸且安全可靠的办法。

赞(1)
声明:本站发布的内容(图片、视频和文字)以原创、转载和分享网络内容为主,若涉及侵权请及时告知,将会在第一时间删除。本站原创内容未经允许不得转载:西数超哥博客 » 插件 elementor 如何调整可以在国内站点服务器上使用

登录

找回密码

注册