WordPressの子テーマで画像が表示されないときはstylesheet_directoryを使っているか確認する

先日とあるお客様のWordPressサイトで「画像が表示されない」と相談を受けました。

WordPressの管理画面を見てみてると独自の子テーマを作成しており、どうやらテンプレート内の画像パス指定部分がうまく機能していないようです。

で、なんでかな〜？と子テーマの処理を追っていくと、imgタグのパス指定にbloginfo(‘template_url’)関数が使われていました。

子テーマフォルダ内を参照するときはstylesheet_directoryでパス指定

WordPressの子テーマ内の画像フォルダにパスを張る場合、bloginfo(‘stylesheet_directory’)関数を使う必要があります。template〜 の方だと親テーマの方を見に行ってしまいうので。

また、できればWordPressのバージョンアップに合わせて「get_stylesheet_directory_uri()」関数を使うようにしましょう。

関数リファレンス/get stylesheet directory uri

説明

テーマまたは子テーマの スタイルシート ディレクトリの URI を取得する。SSL が存在するかチェックする。

（中略）
子テーマを使用している場合、子テーマのディレクトリの URI を返します。 親テーマのディレクトリを取得するには get_template_directory_uri() を使用してください。

関数リファレンス/get stylesheet directory uri – WordPress Codex 日本語版

例えばimgタグのパスを指定するなら

<img src=”<?php echo get_stylesheet_directory_uri() ?>/images/aternus.png” alt=”” title=”” width=”” height=”” />

のように使います。

ひとこと

これも知らないと意外にハマるもののひとつですね。画像がうまく表示されないときには子テーマのテンプレート内でbloginfo(‘template_url’)関数を使っていないかをチェックしてみてください。該当箇所があったら「bloginfo(‘stylesheet_directory’)」または「get_stylesheet_directory_uri()」に書き換えれば、目的のファイルにパスが通るでしょう。