WordPressに内蔵されているjQueryを呼び出して使う方法

Tweet

238

WordPressに内蔵されているjQueryとCDNとかで呼び出すjQueryでは若干仕様が違ったりします。WordPressのプラグインは内蔵のjQueryを呼び出して利用しています

jQueryを使っているプラグインが無いページではWordPress内蔵のjQueryが読み込まれません
手動でjQueryを使ったスクリプトがある場合は動かなくなってしまいますので、WordPressの内蔵のjQueryを常に呼び出すようにします

CDNのjQueryを利用してWordPressのjQueryを停止する方法もありますが
この場合、jQueryを使うプラグインが正しく動作しなくなってしまうので。

WordPress側のjQueryを使ってやるか、jQueryを使うプラグインをやめて手動でテーマに組み込むかのどちらかになります。

WordPressに内蔵されたjQueryを常に呼び出すようにする方法

function load_script(){
    wp_enqueue_script('jquery');
}
add_action('init', 'load_script');

このコードをテーマのfunctions.phpに追記します
この方法だとjQueryの多重読込の防止にもなります

これで内蔵のjQueryでスクリプトでjQueryが利用できるようになります
また内蔵jQueryをつかうときは$()ではなく jQuery()とします。$では競合し正しく動作しなくなります。

参考になったサイト

http://kanonji.info/blog/2013/07/03/wordpress%E3%81%A7jquery%E3%82%92%E4%BD%BF%E3%81%862%E3%81%A4%E3%81%AE%E6%96%B9%E6%B3%95%E3%81%A8%E6%B3%A8%E6%84%8F%E7%82%B9/

http://kachibito.net/web-design/wordpress-with-jquery.html

Tweet

短縮URL:

2013年11月23日 WEB制作系 CMS WordPress jQuery