WordPressで子テーマのスタイルシートのディレクトリを参照してみる

はじめに

子テーマのheader.phpなどで、style.cssのあるフォルダいかにおいたjsファイルやcssファイル、imgファイルなどを参照するときに便利なものって何かないですか?
子テーマのあるフォルダを参照する関数がありますね
それを使えば移行した際にも非常に便利ですね。
そうですね。移行した際にも便利ですし、コードとして、themeのあるフォルダ以下の構造だけ考えればいいので、非常に便利だと思います。

子テーマのスタイルシートのURLを取得しよう

WordPressで子テーマのスタイルシートのURLを取得することで、js,css,imgなどの読み込みの書き方が非常に便利になります。
サンプルとしては、例えば、子テーマの中のjsフォルダのcommon.jsを参照しようとした際には、次のようなコードになります。

<script type="text/javascript" src="<?php echo get_stylesheet_directory_uri();?>/js/common.js"></script>

上記のように記述することができるため、テーマ以下のフォルダの構造だけ考えて書くことができます。上述のように子テーマのスタイルシートのURLは次のように出力することができます。

<?php echo get_stylesheet_directory_uri();?>

wordpressをこれから触るといった方は、ぜひ使って見てください。

関連記事

  1. wordpressの自作テーマでメニューが表示されない

  2. wordpressの管理画面にアイキャッチ入力画面がない

  3. 固定ページで読み込んだカスタム投稿のページネーションが2ページ目以降で…

  4. WordPressで独自の管理画面を自作しよう

  5. WordPressで投稿のパーマリンクを取得しよう

  6. Gurtengergで改行してみよう

2021年4月
 1234
567891011
12131415161718
19202122232425
2627282930  
Translate »