heder.php内の<link rel="stylesheet" href="main.js">をWordPressで読み込むようにしたい

Question

javaのファイルを読み込むために、

<?php ?>で書くには、どのようにして記述すればいいのでしょうか？

ネットで調べたら、二つのファイルに記述する必要があると載っていました。
↓
header.php
functions.php

<?php
wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer )
?>

↑これはfunctions.phpで書くテンプレートタグなのはわかったのですが、ネットでの書き方が色々ありすぎてどうやって記述すればいいのかわからない状態です。
$srcにmain.jsの保存先を書いてみたのですが、うまく動きません。。。

main.jsではレスポンシブのハンバーガーメニューに対応した記述をしており、クリックしても反応しない状態です。

もしわかる方がいらっしゃれば教えていただけるととても助かります。。。。

Comments

[m.ts10806]

テーマに自身のjsを埋め込む
これだけでもキーワードそのままに思いますが、
どう調べてどんな記事を見て何を試して　何が起きたのでしょうか。

[退会済みユーザー]

コメントありがとうございます。

https://www.sejuku.net/blog/103888
上記のサイトを参考に

<script src="<?php echo get_template_directory_uri() ?>main.js" type="text/javaScript" charset="utf-8"></script>

とheader.phpファイルに記載しましたが変わらずでした。。。

Answer 1

ブラウザのデベロッパツールのコンソールを確認してください。
画面表示時に確認して何もなければ読み込めているし、読み込めてなければエラーが出ます。404とか。
404ならパスが間違っている、つまり指定した場所にない、もしくはファイルが破損しているということ。キャッシュの可能性もある。

エラーが出てなければjsに問題がある可能性があります。
対象となっている要素をクリックしたときのコンソールを確認。
エラーが出てればそのエラーの通り対応
エラーが出てなければそもそもその要素を掴むようなコードになっていないということです。

※実際のコードが提示されてない状態で出来るアドバイスはここまでです