• HOME
  • Web制作
  • 【初心者向け】WordPressでjQueryを使う方法、たった3ステップで完了!

【初心者向け】WordPressでjQueryを使う方法、たった3ステップで完了!

 
  3ステップで完了

WordPressでjQueryを使うには。
1)header.phpに

と読み込み。
WordPress内にすでにjQueryがインストールされているので、インストールされているものを利用する関数を使う。
wp_head();の前に読み込む。

2)jQueryプラグインのコードをheader.php内に読み込み。
wp_head();より後ろに。

get_template_directory_uri();はテーマディレクトリフォルダまでのパスを出力するテンプレートタグ。

※子テーマのディレクトリを出力する場合はこれを

とする。

3)終了タグの直前に対象物(動かす要素)を指定するスクリプトを書く。

ポイントは、$を全て「jQuery」に書き換えて貼り付けること。
($は他のプログラムとぶつかりエラーになる)
サーバーに置くjQuery(2))の方は$があっても大丈夫。

ところでずっとjQueryで動かす要素はid(#)指定しなければならないと思っていたのですが、class(.)でも指定できて動くのですね。
初めて知りました(^^;)

この記事もおすすめ