#教程# WordPress启用CDN框架,使用公用CDN加速JS、CSS

前言

最近升级了主题,发现子比主题不知道为啥取消了 CDN 框架加速。对于我们使用国外网站来说 JS、CSS 速度明显慢了很多,博主给出启用 CDN 框架方法,使用公用 CDN 来加速 JS、CSS。

图片[1] - #教程# WordPress启用CDN框架,使用公用CDN加速JS、CSS - 云线路

教程

添加到主题的 functions.php 文件里即可实现WordPress使用公用 CDN 来加速 JS、CSS:

/** 使用 CDN 框架 */
function load_custom_scripts() {
    if (!is_admin()) {
        wp_deregister_script('jquery');
        
        wp_enqueue_style('font-awesome', '//cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
        wp_enqueue_style('bootstrap', '//cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css');
        wp_enqueue_style('main', get_template_directory_uri() . '/css/main.min.css');

        if (is_page_template('pages/postsnavs.php')) {
            wp_enqueue_style('page-navs', get_template_directory_uri() . '/css/page-navs.min.css');
        }

        wp_register_script('jquery', '//cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.min.js', false, null, true);
        wp_enqueue_script('bootstrap', '//cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js', array('jquery'), null, true);
        wp_enqueue_script('loader', get_template_directory_uri() . '/js/loader.js', array(), null, true);
    }
}

add_action('wp_enqueue_scripts', 'load_custom_scripts');

结语

公用 CDN 可自定义修改,这里博主使用的是 cdn.bootcdn.net,也可以使用 cdn.staticfile.org 或者其他。

© 本站文章随意转载,但请注明出处!
THE END
点赞11 分享
评论 抢沙发
头像
务必使用真实的邮箱地址评论,虚假邮箱的评论将不通过审核及无回复。
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容