Wordpressの投稿ページに、自作のjsファイルを読み込む方法

Question

前提・実現したいこと

wordpressの投稿ページで、

子テーマに置いたslot.phpを読み込み、
そのslot.phpからmain.jsを読み込みたいのですが、
phpの方は無事に表示されますが、
jsの方が反映されません。

使用テーマはcocoonです。

発生している問題・エラーメッセージ

<script src="js/main.js"></script> </body>

↑slot.phpに、このように記載しているのですが、
どうもこのmain.jsを読み込むことができていないようです。

試したこと

カスタムCSSやカスタムjavascriptというものが、
cocooonの投稿ページの管理画面にはあり、
そこに入力してみるとうまくいくのですが、
phpからjsファイルの読み込みができない状況です。

子テーマに作ったimgフォルダ内の画像の読み込みでも苦戦したのですが、
そのときは、パスの指定を変えると、無事、表示されました。

今回も、jsファイルのパス指定が正しくないのか、
ググると、wordpressでのjsファイルの読み込み方法は、
function.phpに記載する方法が載せられていますが、
これからいくつものjsファイルを作る為、その方法以外があるのではないかと考えています。

実現したいことは、
ブログの中で、かんたんなミニゲームや、
アニメーションの実装を紹介したいだけです。

はじめての質問となり、
色々とわかりづらいと思いますが、
アドバイスいただけますと助かります。

Comments

[CHERRY]

PHP のファイルは、 WordPress と関係があるのでしょうか？　それとも完全に独立しているのでしょうか？

https://ドメイン/〜/js/main.js のように　URL で記載した場合は、読み込まれるのでしょうか？

Answer 1

jsがどこにあるのか分かりませんが、仮に子テーマのディレクトリ直下にあるなら
子テーマのディレクトリパスがget_stylesheet_directory_uri()で取得出来るので

<script src="<?php echo get_stylesheet_directory_uri() ?>/js/main.js'"></script>

みたいになります