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> |