WordPressでjQueryを使う場合の設定

WordPress

このHPはWordPressを使用していますが、
WordPressは便利な分、ちょっと使いにくかったりします。

jQueryがうまく動作しなかったり(´;ω;`)

以前、文字カウントのページを作った際に四苦八苦してやったんですが、
新しいテーマに変更するとともに忘れてしまって、
文字カウンターが動作しなくなりました。

またいろいろ調べて試してを繰り返し…
沢山の情報サイトがありますが、
大事なところが抜けてたりします。
あどせんす乱立ですね。

やっとたどり着いたので、メモ!!

こちらのサイト様に助けられました。
http://primarytext.jp/blog/1298

要約すると

・WordPressは元々jQeryの読み込みがされているので読み込み部分は不要
確認方法は該当ページにてソース表示[wp_head()にて読み込み済]

・「$」が使えないからjQeryは動かない

・ jQuery(function($){◀普通のjQueryコードをコレで囲む▶});

<script type="text/javascript">
jQuery(function($){
//ここに普通のjQueryの書き方で。下の行は例
$("#jquery_test_wp").html("jQuery WordPress構文テスト")
});
</script>

*ソースコード表示plugin<Crayon Syntax Highlighter>上メニューのcrayonをクリック

以上でうまくいきました?

コメント

タイトルとURLをコピーしました