WordPressでjQueryをスマートに使う方法

このブログでは自作テーマをつかっているのでテーマのテンプレート内でjQueryとjQuery UIをハードコーディングして読み込んでいました。

で、はてなブックマークコメントプラグインの中でjQueryを使いたくなったんですが、みんながみんなプラグインの中でjQueryを読んだら多重読み込みしてしまったおかしなことになる恐れがあるわけで、ちょっと調べてみたら

function wp_enqueue_script( $handle, $src = false, $deps = array(), $ver = false, $in_footer = false ) 

という便利な関数があることを知りました。

wp_enqueue_scriptはで3番目の引数に依存する他のスクリプトを指定することでWordPressが適切な順番でscriptタグを出力してくれます。WordPressではデフォルトでjQuery(handle="jquery")を持っているの3番目の引数にarray("jquery")って渡してあげると良いです。

なおはてなブックマークコメントプラグインではjQueryの他にブログパーツのjavascriptのも依存するので

wp_enqueue_script('hatena_bookmark_comment_blogparts','http://b.hatena.ne.jp/js/bookmark_blogparts.js');
wp_enqueue_script('hatena_bookmark_comment_blogparts_patch', $this->url.'/bookmark_blogparts_patch.js', array('hatena_bookmark_comment_blogparts','jquery'));

な感じでやってます。

人見知りソフトウェアエンジニアです。ビジュアル系、お笑い、Pixarが好き。勢いで吉本超合金おたけびBOTを作った。オールザッツ漫才が放送されない東京在住。

趣味や日常からアウトプットの場としてブログを書いています。自作のWordPressプラグインにGitHub Flavored MarkdownAmazonJSなど。