こんにちはイナフクカズヤ(@Inafuku_Kazuya)です。
WordPressは通常jQueryが同梱されています。
通常はそちらのjQueryを使えばよいのですが、サイト内容によっては同梱されているjQueryではなく、他のjQueryを読み込みたい場合があると思います。
今回は同梱されているjQueryを読み込ませない方法をご説明します。
方法についてはhead内に直接記述する方法とfunctions.phpで設定する方法があります。
head内に直接記述する方法
head内に直接記述する場合は下記のように記載します。これで同行されているjQueryは読み込まないようになるので、新しくjQueryを読み込ませます。
|
1 |
<?php wp_deregister_script('jquery'); ?> |
functions.phpで設定する方法
WordPressではwp_enqueue_script関数を使って、jsを読み込んだり読み込ませないなど制御することが可能です。
設定方法は下記です。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
if ( !is_admin() ) { function add_jquery() { // jQueryを読み込まないようにする wp_deregister_script('jquery'); // jQueryを新しくセットして読み込ませる(テーマ内にあるjsを読み込ませてます。) wp_register_script('local_jquery',get_template_directory_uri().'/assets/js/jquery-3.2.1.min.js'); wp_enqueue_script( 'local_jquery'); } add_action( 'wp_enqueue_scripts', 'add_jquery'); } |
7行目にあるパスについては適宜変更してください。
footerに表示させる場合は第5引数をtrueにすれば対応できます。
|
1 |
wp_register_script('local_jquery',get_template_directory_uri().'/assets/js/jquery-3.2.1.min.js',null,null,false.true); |
詳細についてはWordPress Codexで、ご確認ください。
以上で実装完了です。