jQueryをCDNから読み込む

WordPressではデフォルトでjQueryライブラリが同梱されています。この記事では、それをやめて、CDNから読み込み、使用する方法を解説します。

WordPress 3.6 3.9 4.0になり、jQueryライブラリのバージョンが1.10.2 1.11.0 1.11.1になっています。
加えて、ライブラリのバージョンアップに伴って、1.9より前に作成されたプラグインとの互換性を保つため、jquery-migrate.min.jsが追加されています。(バージョン 1.2.1)

ただし、テーマによっては特有のバージョンを使用しているものがあるため確認をお願いします。

オリジナル wp_default_scripts in wp-includes/script-loader.php
function load_cdn() {
    if (!is_admin() ) {
        wp_deregister_script( 'jquery');
        wp_enqueue_script( 'jquery', '//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js', array(), '1.11.1', false);
        wp_enqueue_script( 'jquery-mig', '//cdnjs.cloudflare.com/ajax/libs/jquery-migrate/1.2.1/jquery-migrate.min.js', array(), '1.2.1', false);
    }
}
add_action( 'init', 'load_cdn');

CDNサイト
• Google Hosted Libraries
• cdnjs

Related

Google Code Prettifyを使用してソースコードを表示をしてくれる「Prettify Code Syntax」 Js/Cssファイルの読み込みや出力する方法 Jsヘルパーを使用してAjax更新 「カレンダー」ウィジェット カスタマイズ・プラグイン アイキャッチにマウスオーバーすると投稿タイトルを表示 独自のCSSやJSを読み込む selectボックスを華麗にしてくれる「Chosen」「Select2」 アップグレードで「更新を展開しています... 」のままになった場合の対処のひとつ