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'));

な感じでやってます。