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. Gurtengergのカラムを使いこなそう

  2. wordpressの投稿のアイキャッチを取得する

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

  4. WordPressでループの外でカスタム投稿の名前を取得する

  5. Gurtengergで改行してみよう

  6. Gurtengergを使ってリンクを貼ってみよう

2024年5月
 12345
6789101112
13141516171819
20212223242526
2728293031  
Translate »