機能 ショートカットキー
リファレンス(参考URL)一覧へ移動 R
記事URLをMarkDownとしてコピー Ctrl+M
前のコードタグへ移動 Ctrl+←
次のコードタグへ移動 Ctrl+→
ヘルプを表示・非表示 H
Tips
- ショートカットキーは記事上で有効です。ヘッダー/フッター付近では機能しないことがあります。
- コードタグ移動機能がうまく動かないときは、Shift+F5でページを更新してみてください。
- このウィンドウを閉じるには、Hキーをもう一度押してください

wordpressでJavaScriptやCSSファイルを読み込ませたい

AD

プログラミング

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を読み込ませたい場合も、やり方はほとんど同じです。

SPONSOR

オンラインブートキャンプ全12コースの「ウケ放題」 AD

コメントを残す

Close Menu