WordPress预设将在网站内使用本地jQuery库,但是众所周知这有可能会轻微影响网站速度,所以今天畅想资源就来教大家如何修改WordPress自带之jQuery库为例如Google、百度等所提供的jQuery 第三方Lib库,立即加速你的网站!
插件(插件)版
教学
1、将下方代码添加到「布景函式库(functions.php)」的最底部 ?>
之前,然后点击
提示:下方将显示各第三方jQuery库之对应代码,仅需择其一使用并将 [版本号]
修改为你想使用的jQuery版本(例如 2.1.1
),并在加入代码之前请确认jQuery网址(例如「ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js」等)是否可以正常加载!
1 2 3 4 5 |
/* 修改WordPress自带jQuery库开始(由AREFLY.COM制作) */ wp_deregister_script('jquery'); wp_register_script('jquery', '//ajax.googleapis.com/ajax/libs/jquery/[版本号]/jquery.min.js', false, '[版本号]'); wp_enqueue_script('jquery'); /* 修改WordPress自带jQuery库结束(由AREFLY.COM制作) */ |
1 2 3 4 5 |
/* 修改WordPress自带jQuery库开始(由AREFLY.COM制作) */ wp_deregister_script('jquery'); wp_register_script('jquery', '//apps.bdimg.com/libs/jquery/[版本号]/jquery.min.js', false, '[版本号]'); wp_enqueue_script('jquery'); /* 修改WordPress自带jQuery库结束(由AREFLY.COM制作) */ |
1 2 3 4 5 |
/* 修改WordPress自带jQuery库开始(由AREFLY.COM制作) */ wp_deregister_script('jquery'); wp_register_script('jquery', '//libs.useso.com/js/jquery/[版本号]/jquery.min.js', false, '[版本号]'); wp_enqueue_script('jquery'); /* 修改WordPress自带jQuery库结束(由AREFLY.COM制作) */ |
2、可是有时候访客可能会遇到第三方库临时失效的时候,却需要继续使用jQuery,则可于网站之 <head>
部分内加入下列代码。这样即使在第三方jQuery库失效时,仍可以通过加载本地jQuery库正常使用啦!
1 |
<script>window.jQuery || document.write('<script src="<?php echo site_url(); ?>/wp-includes/js/jquery/jquery.js"></script>');</script> |