WordPressでJavaScriptが読み込まれない時の3つの注意点

WordPressでJavaScriptが読み込まれない時の3つの注意点

 

WordPressのカスタマイズや、自作テーマを作ったりしていると
Carouselやボタンアクションなど独自の機能を追加したくなりますよね。

この記事では、

  • どこにJavaScriptファイルを読み込めばいいか分からない。
  • WordPressのテーマにJavaScriptファイルを読み込めない。
  • 設定したファイルが読み込まれているかを確認したい。

こんな悩みを抱えている方に向けて書きました。

目次

  • どこにJavaScriptファイルを読み込めばいいか分からない。
  • WordPressのテーマにJavaScriptファイルを読み込めない。
  • 設定したファイルが読み込まれているかを確認したい。

結論

  • テーマフォルダの中にあるfunctions.phpでJavaScriptファイルを読み込む。
  • wp_enqueue_scriptを使う。
  • デベロッパーツールのSourcesにJavaScriptファイルを確認する。

どこにJavaScriptファイルを読み込めばいいか分からない

WordPressを使い始めた頃に悩むことの1つが、
どこにJavaScriptファイルを読み込むか?ですよね。

 

この画像は#underscoresという、WordPressの自作テーマ用ファイルですが、
wp-content\themes\[テーマ名]\functions.phpにJavaScriptを読み込ませます。

WordPressのテーマにJavaScriptファイルを読み込めない。

そして、
functions.phpにこのように記述するとJavaScriptファイルを読み込めます。
※ハイライトした個所です。


[my_blogsite-addslider]と[‘/js/addslider.js’]の箇所は、
お使いの環境に合わせて変更してください。

設定したファイルが読み込まれているかを確認したい。

画像1⇒画像2の順番に進むと、設定したファイルが読み込まれているかの確認ができます。

画像1

画像2


WordPressにJavaScriptファイルを読み込む時に、
私が少しつまづいたのでまとめました。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

おススメコンテンツ

%d人のブロガーが「いいね」をつけました。