wordpressでJavaScriptやCSSファイルを読み込ませたい事があると思います。
そんな時は、以下のようにget_stylesheet_directory_uri
を使うと便利です。
【JavaScript】
※親テーマの場合
※子テーマの場合【CSS】
※親テーマの場合
/css/読み込ませたファイル名”>
※子テーマの場合 /css/読み込ませたファイル名”>
子テーマのjsフォルダにある3つのファイルを読み込ませたいとします。
<!-- particles.js -->
<div id="particles-js"></div>
<script type="text/javascript" src="<?php echo get_stylesheet_directory_uri(); ?>/js/app.js"></script>
<script type="text/javascript" src="<?php echo get_stylesheet_directory_uri(); ?>/js/particles.js"></script>
<script type="text/javascript" src="<?php echo get_stylesheet_directory_uri(); ?>/js/lib/stats.js"></script>
```
これは、実際には以下のようになります。
“`
これをに読み込ませたい場合も、に読み込ませたい場合も、header.phpに記載します。
子テーマに親テーマのheader.phpをコピーして、それを編集します。
CSSを読み込ませたい場合も、やり方はほとんど同じです。