【WordPress】WordPress同梱のjQueryを読み込ませない方法

2019.05.19

WordPressでオリジナルテーマを制作する際、header.phpにwp_head();を書くと同梱されたjQueryが自動で読み込まれる使用となっています。

WordPressに同梱されているjQueryは、jQuery.noConflict();という関数が予め入っており、コンフリクトを避けるような設計になっています。

もちろん、それ自体はとても便利な機能なのですが、時にその便利な機能が障害となる場合はあります。

また、テーマを制作する際に予めfooter.phpにCDNなどのjQueryを読みこんでいる場合もあり、ただでさえ重いjQueryを2回も読み込むことはページ表示速度的にもよくないですよね。

そんな時に以下のコードを書くことでWordPress同梱のjQueryを停止させることが可能です。

add_action('wp_print_scripts','my_deregister_script',100);
	function my_deregister_script() {
		wp_deregister_script('jquery');
  }

wp_deregister_script ( 'jquery' );

どちらの方法でも問題ありませんが、functions.phpを編集する際はバックアップをお忘れなく。