WordPressテーマ『JIN』の子テーマで、外部jsファイルを動作させる方法について

Question

タイトルの通りですが、WordPressテーマ『JIN』の子テーマにて、外部jsファイルを動作させる方法をご教授願いたく、質問させていただきました。

作成したjavascriptファイル

作成したファイルは「original.js」という名前で、中身は以下の通りです。

jQuery(function()){
  alert('呼び出し！');
}

Wordpress上での設定

Wordpress上では、JINの子テーマであるjin-childをインストールし、そちらを有効化しています。

original.jsの配置場所

original.jsの配置場所は以下の通りです。

ドメイン/public_html/wp-content/themes
                               |-jin
                               |-jin-child
                               |--original.js

jin-childのfunction.phpの編集

子テーマであるjin-childのfunction.phpを以下のように編集しました。

<?php

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); 
function theme_enqueue_styles() { 
	wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style'));
} 

function theme_enqueue_scripts(){
  wp_enqueue_script('original', get_stylesheet_directory_uri().'/original.js', array('jquery'), '', true);
}
add_action('wp_enqueue_script', 'theme_enqueue_scripts');

?>

期待通りの動作が行われない

上記の設定で、新規投稿ページを作成しても、alert()が実行されませんでした。

投稿ページの本文は、以下の記述のみを書いています。

<h2>あいう</h2>
あああ

<h2>かきく</h2>
かかか

<h3>さしす</h3>
さささ

javascriptファイルの読み込み方法で、間違っている箇所や、そもそもの認識がズレている等あればご指摘していただきたいです。

[追記]
Chromeのデベロッパーコンソールにも、特にエラーは出ておりません。

Comments

[m.ts10806]

ブラウザ開発ツールのコンソールにエラー等出ていませんか？
出ていたら質問に追記してください。

[yuya92]

ご返信ありがとうございます。

コンソールにはエラーが出ていない状況でございます。

[m.ts10806]

alertだけにしてもですか？
ブラウザ「ソースを表示」して、当該jsファイルの読み込み記述が間違いなく記載されているかもご確認ください

[yuya92]

jQuery(function()){
}
を削除し、
alert('呼び出し！');
のみにしましたが、挙動は変わりませんでした。

ページのソースを確認しましたが、該当のjsファイルの記述はありませんでした。

[m.ts10806]

ということはoriginalが呼ばれてない(埋め込まれてない？)ということになりそうですね。
※WordPressに詳しいわけではないので私がコメントできるのはおそらくここまでです…

[yuya92]

やはり読み込まれていないということになりますか…
テーマの問題なのか、単なる記述不足なのかの判断すらつかない状態です。

ご回答ありがとうございます。

[m.ts10806]

単にtheme_enqueue_scripts() が呼ばれていないだけのような気もします。
CSS（style.css）のほうは呼ばれてるのでしょうか？

[yuya92]

CSSの方は、独自で追加したコードが呼ばれているのは確認できました。

[m.ts10806]

もしかしたら、で回答してみます。

Answer 1

もしかしたら

add_action('wp_enqueue_script', 'theme_enqueue_scripts');

↓

add_action('wp_enqueue_scripts', 'theme_enqueue_scripts');

• JSやCSSを一元管理する

Comments

[yuya92]

できました！

なんたる凡ミス…
恥ずかしいです。。。

ありがとうございました！！

[m.ts10806]

なんとか解決につながったようで何よりです。