wordpressでjsファイルが読み込めません

●やりたいこと
index.jsファイルをheader.phpファイルに反映させたいです。

●階層

javaScriptファイルを読み込むためにfunctions.phpにファイルまでのuriを、
関数add_file()に記述しました。
それからadd_actionで関数をフックしたのでheader.phpの<head>タグに以下の情報が追加されると考えていたのですが反映されませんでした。

php
1functions.php
2
3<?php
4function add_file() {
5	wp_enqueue_script('js', get_template_directory_uri() . '/js/index.js',
6 array(), false, true);
7}
8add_action('wp_enqueue_scripts', 'add_file');
9?>

javascript
1window.addEventListener('DOMContentLoaded', function(){
2alert('test')
3})

質問に不備などありましたらコメントしていただけると幸いです。
よろしくお願いします。

yuki84web

2021/11/10 13:46

wp_head()をテンプレートに記述してますか？

退会済みユーザー

2021/11/11 04:46

テーマを書いた方がいいと思います。フォルダ名からwp-materialsだと推測します(ちゃんと書いてください)。その辺をカスタマイズする場合、子テーマでカスタマイズします(ある場合)。 wp-materialsだと管理ユーザーでログイン後、ダッシュボードのメニューから外観>テーマエディタとするとテーマの編集画面になるので、その画面の右側にあるテーマファイルからfunctions.phpを選択します。すでに少し記述があるので、それを消さないように上のphpコードを追加します(中身だけ)。あとは、下にある「ファイルの更新」ボタンを押せばfunctions.phpは更新できます。ソース・ファイルから直接編集する場合はwp-materialsだと wp-content/themes/wp_material_child/functions.php を編集すればOKです。あとは(本体側テーマ) wp-content/themes/wp_material/js/index.js にファイルを置いて終わりです。