WordPressに備えてあるjQueryを読み込まずに独自に設定し読み込むようにする

WordPressではデフォルトの設定でjQueryを読み込むよう設定されています。
バージョンにこだわりがない場合や、そのまま利用できる場合は問題ありませんが、以下の場合は独自に設定する必要があります。

• jQueryのバージョンを指定したい
• CDNから読み込みたい
• 管理画面ではWPのデフォルトのjQueryを利用する

ご紹介するサンプルコードでは、プラグインやテーマなどの挙動が動かなくなるリスクを考慮し、管理画面ではWordPress側で用意したjQueryを読み込み、フロント側では自分で指定したCDNから利用したいjQueryを指定するような設定となります。

サンプルコード

/*
* WPのjqueryは使わないでCDNを読み込む（ただし管理画面はWP側のjqueryをinclude）
*/
function change_jquery() {
    if( !is_admin() ){
        wp_deregister_script('jquery');
        wp_enqueue_script('jquery', '//cdn.jsdelivr.net/jquery/1.11.3/jquery.min.js', array(), '1.11.3', true);
    }
}
add_action('init', 'change_jquery');

上記をfunctions.phpの任意の箇所へ追加します。
バックアップは忘れずに取った上で作業してください。

ローカルで動かない場合

ローカル環境で開発している場合、動かない可能性があります。
その際は
「://cdn~」の箇所を「http://cdn~」へ変更してください。

wp_enqueue_script('jquery', '//cdn.jsdelivr.net/jquery/1.11.3/jquery.min.js', array(), '1.11.3', true);

//上記を↓のように変更する

wp_enqueue_script('jquery', 'http://cdn.jsdelivr.net/jquery/1.11.3/jquery.min.js', array(), '1.11.3', true);

※本番環境がSSL対応している場合はhttpsにする必要あります。いずれにしても本番へアップしたらhttpを削除した形式に修正しておくほうがいいでしょう。

コードは以下サイトを参考にさせていただきました。