Jsファイルが読み込まれないときの対処法 – wp_enqueue_scriptで予約語を使っていませんか?

Web制作

こんにちは。
Web制作者のhikaruです。

先日、WPテーマ開発をした際に、
Jsファイルが読み込まれない不具合が発生しました。

解決してみれば、しょうもない不具合でしたが、
意外と忘れてしまうこともあると思うので、書いておきます。

Jsファイルが読み込まれないソースコード

次のコードを入力したとします。

<?php
function my_script() {

wp_enqueue_script('common', get_template_directory_uri().'/assets/js/common.js', array('jquery'), false, 
true);

}
add_action('wp_enqueue_scripts', 'my_script');

残念なことに、このコードではJsファイルは読み込まれません。

なぜJsファイルは読み込まれないのか?

ハンドルネームに、’common’ を使っているからです。

wordpressでは、すでに使用されているハンドルネームがいくつかあります。

すでに使用されている、ハンドルネームを使ってしまうと、予期せぬ動作を引き起こします。

すでに使用されている名前

こちらにありました。

全て検証したわけではありませんが、wp_enqueue_scriptのハンドルネームに、次の名前を指定した結果、ファイルは読み込まれませんでした。

  • utils
  • common
  • sack
  • quicktags
  • colorpicker
  • editor
  • wp-ajax-response

WordPressで、すでに登録されているハンドルネームは、避けた方が無難でしょう。

最後に

ここでは、Jsフォイルが読み込まれない可能性の一つ、
wp_enqueue_scriptと予約語の関係性について解説しました。

意外と忘れてしまうことがあると思うので、
ソースコードに問題がない場合は、確認してみるといいかもしれません。

hikaru

1995年2月生まれ26歳。東京都にあるWeb制作会社に勤務をしています。 犬とコーヒーが好きです。

関連記事

特集記事

コメント

この記事へのコメントはありません。

hikaru

1995年2月生まれ26歳。東京都にあるWeb制作会社に勤務をしています。 犬とコーヒーが好きです。

TOP