WordpressのjQueryをVer.1.2.3にアップグレードする

12 04 2008


Creative Commons License photo credit: miss604

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


Actions

Information

Leave a comment

You can use these tags : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Powered by WP Hashcash




EURO FOOTBALL JUNCTION | 京都情報ジャンクション | Geoタグつけまっしょい