WordPressでjQueryの記述をする方法

2018年3月27日

当サイトはアフィリエイト広告を利用しています。

自分でjsファイルを作成してインクルードする場合は、記述のしかたに注意。

//この書き方ではスクリプトは起動しない。
$(function(){
  //ここにソース
});

下のような記述にしないと読み込まれない。

//この書き方ならスクリプト起動。
jQuery(function($){
  //ここにソース
});

また、独自のjsファイルではなく、ブログの本文内にテキストエディタ状態でjsを埋め込む場合は、
scriptタグをdivタグで囲ってやる。divで囲わないと変な場所にpタグが挿入されて動かない。

<div>
<script>
jQuery(function($){
  //ここにソース
});
</script>
</div>

-ワードプレス
-