WordPressでのjQueryの書き方に注意!(普通に書いても動きません)

jQueryの記述と言うと、基本的なのは以下のような記述です。

ところがこの記述、Wordpressでは動きません。

WordPressは内部のプログラムでのバグを防ぐために、「$」のみの表記を禁止しています。
そのためWordpressでjQueryを動かす場合には以下の2つの施策が有効です。

  1. $をjQueryに変更
  2. 構文全体をjQuery(function ($) {})で囲む
①$をjQueryに変更

「$」はjQueryにおける簡易表記で、正式に書くなら「jQuery」になります。
よって先ほどの文を以下のように変更することで機能します。

でも全ての「$」を「jQuery」に変更するのは場合によっては大変ですよね。
その場合は2番目の方法が有効です。

②構文全体をjQuery(function ($) {})で囲む。

囲むことで内部は「$」表記でも問題なくなります。
よって先ほどの文を以下のように変更することでも機能します。

こちらの方が中の「$」表記を変えなくていいので楽ですね。
WordpressでjQueryを使用する場合の参考にしてください。