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. WordPress5.0にアップデートしたらカスタムフィールドが消えた…

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

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

  6. Gurtengergでリストを使おう

2024年4月
1234567
891011121314
15161718192021
22232425262728
2930  
Translate »