Wordpress 2.3.3に載っているjQueryはバージョン1.1.4です。 どーしても、WordpressでjQuery.UI 1.5が使いたい・・・そんな時は1.1.4ではちょと古すぎるので、jQueryも最新の1.2.3にアップグレードします。
- jQuery1.2.3をダウンロード(ボクはmin.jsをダウンロードしました)
- /wp-includes/js/jqueryにjquery.jsとしてコピー(元の1.1.4は一応バックアップ)
- コピーしたjquery.jsをエディタで開いて、最後の行に
jQuery.noConflict();
を追加 - ついでにjQuery Form Pluginも新しくする為にダウンロード(jquery.jsをコピーした時に「あ、formもあったよ」と気付いたというのが実情w)
- /wp-includes/script-loader.php Line75/76のバージョン番号をそれぞれ1.2.3/2.0.4に変更(これをしないとブラウザキャッシュを更新できないよね)
以上の作業を実施した後、まずはwp-adminの動きをチェックしました。
どうやらFirebugのConsoleにはエラーは表示されず、どのページも動いています。
さて、ここでjQuery.UI1.5をブログで使う設定をします。
/wp-content/themes/{自分の使っているテーマ}/header.phpのheadタグの中に
wp_enqueue_script("jqueryui","{jQuery.UIファイルへのpath}");
というPHPコードを埋め込みます。
使いたいjsファイル分書くことになりますね(ボクはui.tabs.jsのみ追加)。
同様に独自のJavaScriptコードを含んだjsファイルも読み込むように設定し、ブログをロードしてみると、しっかりjQuery.UIによるタブが構成されています。
Wordpressに載っているJavaScriptフレームワークは、昔prototype.jsで、最近jQueryに変わったという経緯があります。
wp-adminではまだprototype.jsが使われていたりと、この辺はまだ開発チームも試行錯誤中かもしれません。
上記のようにjQueryをアップグレードして、jQuery.UIなどのjQuery Pluginを設定しても、今後ずっとこうやれば動くというわけではないかもしれません。
注意深くその都度チェックするのが・・・ボクが一番キライなことですが(w・・・必要ですね。
P.S. 写真のオネーチャンは、「やらされている」のか?「率先してやっている」のか?ナゾはふかまるばかりです(w
