ウェブコーディング

WordPressのテーマ・テンプレートのディレクトリを取得する方法

WordPressのカスタマイズをするとき、親テーマと子テーマのどちらのディレクトリを参照するかが問題になることがあります。

faviconなどの共通ファイルなどは親テーマフォルダ内にあることが多いので、PHPの書き換えが必要になったりします。

これを、header.phpなどの一般的なテンプレートファイルを変更するだけで、子テーマフォルダ内のファイルを参照できるようにするのが今回の目的です。

 

テーマディレクトリを取得する関数

テーマディレクトリを取得する関数には get_stylesheet_directory_uri()get_template_directory_uri() があります。

この2つの違いはスタイルシートがあるディレクトリを取得するか、テンプレートファイルがあるディレクトリを参照するかの違いです。

基本的にテーマディレクトリを取得するには get_template_directory_uri() を利用すればいいのですが、子テーマフォルダ内のfunctions.phpなどでこれを利用すると、親テーマのディレクトリを取得してしまいます。

そこで、子テーマのディレクトリを取得するために get_stylesheet_directory_uri() が利用されます。

ディレクトリ内の特定のファイルを選択するときは関数で取得したURIにスラッシュ(/)をつけて記述します。

例えば、header.phpなどで、テーマディレクトリの中のimagesフォルダの中のfavicon.icoをファビコンとして選択するには次のような形になります。

<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/images/favicon.ico" />

関数の戻り値にはスラッシュが含まれていないので、コーディングするときに付け加える必要があります。

ポイント

  • 親テーマフォルダを取得するときは get_template_directory_uri() を使う。
  • 子テーマフォルダを取得するときは get_stylesheet_directory_uri() を使う。
  • 取得したURIには/(スラッシュ)が付いていないため、必要に応じて付け加える。

 

 

記事が気に入ったら
tipLog を "いいね!"
Facebookで更新情報をお届け。

tipLog

WordPressテーマ

WordPressテーマ「MAG(TCD036)」

スポンサードリンク

関連記事

  1. ウェブコーディング

    WordPressの子テーマを作るときのひな型テンプレートがあるんですが…

    WordPressのカスタムをするときは子テーマを使った方が効率的で、…

  2. ウェブコーディング

    プラグイン不要!2ステップで完了!「FontAwesome」をWordPressに導入してアイコンを…

    ブログのカスタマイズをするとき、必要なアイコンをいちいち画像化して、フ…

  3. WordPress

    AdSenseのモバイル向けページ単位の広告をWordPressに設置する方法

    AdSenseにモバイル用のページ単位の広告という機能が追加されてしば…

  4. ウェブコーディング

    意外と重要なCSSのidとclassを使い分け

    WordPressテーマを作ったり、ホームページを作ったりするとき、間…

  5. トラブルシューティング

    InstantWPで管理バーが表示されなくなったらどうする?

    InstantWPはローカル環境でWordPressの開発をするときに…

  6. ウェブコーディング

    子テーマを使ってWordPressを自由にカスタマイズしちゃいましょう

    WordPressをカスタマイズするときに使うと便利なのが「子テーマ」…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


スポンサードリンク

ピックアップ記事

おすすめの本

使用している素材

カテゴリー

 
  1. タイポグラフィ

    読みやすい明朝体フリーフォント
  2. ブログ収益化

    月額100円から使える「ロリポップレンタルサーバー」
  3. ブログ収益化

    脱初心者しませんか?Amazon・楽天のアフィリエイトを上手に活用するための予備…
  4. グラフィックデザイン

    フォトレタッチ・グラフィックデザインの無料ソフト「GIMP」(≒Photosho…
  5. グラフィックデザイン

    自作?外注?その前にコレ!ブログのロゴデザインをするなら「Logaster」を使…
PAGE TOP