楽しく学べるフォローサイト!WordPressでjQueryを問題なく使用する方法WordPressには、デフォルトでjQueryが実装されています。これには少々クセがありまして、「$()関数」が使えないんです。理由は、ほかのJavaScriptライブラリにも「$()関数」が使われている場合にケンカ(衝突。コンフリクトというらしい)するのを防ぐためで、ソースコードの一番最後に「jQuery.noConflict();」という記述が入っています。「CDNやダウンロードしたjQueryを普通に読み込む」という方法が良さそうです。WordPress以外でのコーディングに慣れていらっしゃる方は、まさにこの方法で対処できるかと思います。コードですが、header.phpに記述する場合は下記のようにします。bloginfo(template_url);?>/common/js/jquery-2.2.1.min.js"></script>ほかにも、WordPress特有の「functions.php」に記述する方法もあります。);この場合は、wp_head()部分で読み込まれる形となります。ちなみに上記の事を行ってもうまく動かない場合は、jQueryの読み込み以外の問題である場合も考えられます。jQueryは読み込まれているはずなのにLightBoxが動かない!といった場合(私もぶつかりました^^;)は、該当の呼び出しソースの位置を変えるとうまく動作したりする事もありますのでお試しを。私もぶつかった問題で、LightBoxの場合は「</body>」の直前に下記を入力するといいみたいですよ。(ファイルの場所はご自身の環境に合わせて下さい。bloginfo(template_url);?>/js/lightbox/js/lightbox.js"></script></body>困っている方は一度お試し下さい。いっこ追加で補足すると、プラグインでLightBox系を使用する場合、そのプラグイン自体がjQueryを別で読み込んできて動作に支障を来す場合もあるようです。jQuery系のプラグインを使用する場合は注意してくださいね。JQueryHTML5へマークアップ!その要点をまとめてみました。なつっこいがんばり屋さん・・・なゾウです。【好きな食べ物】ナポリタンスパゲッティ【得意分野】Web関連全般。最近は更にWordPressを知るために、オライリー社の書籍を片手に研究中。