日: 2012年1月10日

  • 【WordPress】jQueryを使うときの基礎知識やTips

    【WordPress】jQueryを使うときの基礎知識やTips

    WordPressでjQueryを使うときのノウハウが「かちびと. net」で公開されています。
    こういう具体的なノウハウはいざというときに役に立ちますね。

    (1)WordPress内のjQueryは <?php wp_head(); ?> で読み込まれる

    (2)コンフリクトを回避する方法
      $をjに置き換える → 結構古い方法で、管理性、実用性に欠けます。
       カプセル化が一番合理的

    (3)なぜWordPressはjQuery本体にわざわざjQuery.noConflict();を入れるか
       管理画面内でも利用するし、プラグインデベロッパーもjQuery以外のライブラリを使いたい事もあるので、
      最初からnoConflict();を含めているのはそういう配慮なわけ
      ですので基本的にWordPressでjQueryを使いたいなら$() の代わりに jQuery() を使えと、
      こういうわけですが、これじゃいちいち変更したりカプセル化しなきゃいけないのでやはり合理性に欠ける

    (4)やってしまいがちなWPでjQueryを使う際の失敗例
      いろいろと解決方法が公開されています。

    (5)まとめ
     •使うWPテーマでjQuery以外を使わないときは、WordPress本体のjQueryは使わない
     •wp_head()は必ずheader.phpに書く
     •functions.phpで指定する場合は管理画面に適応させないようにする
     •テーマファイルへのjQueryプラグインのファイルのURLはwp_head()以下に書く
     •jQuery本体がアップデートしたら最新版に置き換える
     •上記が分からない場合はjQueryプラグイン等をカプセル化する※コードを(function($){}(jQuery))で囲う
     •それでもダメならソースを確認して、jsを読み込んでいるWPプラグインを停止して動作を確認する
     •それでも動作しない場合はWordPress以外で動作するか等を確認する。動作しなければWPは無関係

    WordPressでjQueryを使うときに、問題なく動作させる為の基礎知識やTipsと、動かない場合の対処例 – かちびと. net
    http://kachibito.net/web-design/wordpress-with-jquery.html