Wordpressでbootstrap.min.jsを読み込みたいです

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
ローカル環境でWordpressのオリジナルテーマを作っています。
Bootstrap4を使い「js/bootstrap.min.js」を読み込みたいのですが、
開発者ツールで見てみると以下のようなエラーメッセージが出て読み込めません。

どのように記述すればいいでしょうか？
記述している場所は「index.php」です。

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

Uncaught TypeError: Cannot read property 'fn' of undefined
at util.js:55
at bootstrap.min.js:6
at bootstrap.min.js:6

該当のソースコード

<!-- BootstrapのJS読み込み -->

	<script src="<?php echo get_template_directory_uri(); ?>/js/bootstrap.min.js"></script>
</body>

</html> 。

Answer 1

オリジナルテーマということですが、Bootstrap (bootstrap.min.js) の読み込みより前に jQuery の読み込みが必要ですが、jQuery は、読み込まれているでしょうか？

Comments

[kyoya0819]

jQurry->jQuery
詳しく書いてないのでわかりませんがWordPressの標準のjQueryを読み込んでる可能性が捨てきれないのでは？

[CHERRY]

誤字の指摘ありがとうございます。

WordPress で、 jQuery 等のデフォルトで読み込まれる JavaScript が読み込まれるのは、wp_head() 関数や wp_fotter() 関数がテーマテンプレートで実行された場合だけです。

WordPress で JavaScript や CSS 読み込みでよく使われる wp_enqueue_script() を使わずに HTML に直接 <script> タグを直接記載しているので、オリジナルテーマの中で、wp_head() 関数や wp_fotter() 関数が使われていない可能性を考えました。

[kyoya0819]

了解しました。

[saori28]

ご回答ありがとうございます。
すみません、wordpressはまだ始めたばかりでよく分かっておらずすみません^^;
jQueryの読み込みはしていないです。
あと、JavaScriptを読み込むには関数で書かなければ適用されないのですね？

[kyoya0819]

関数書かなくてもscript要素で書けば適用されます