WordPressで子テーマを使った時にヘッダー画像が変わらない問題

既存のテーマを改変・編集するときは子テーマを使うといいと書きました。

ただし画像のディレクトリが変更されないときがあります。それは元々のテーマが以下のように書かれている時です。

<img src="<?php echo get_template_directory_uri(); ?>/img/top-image-1.jpg" />

get_template_directory_uri() はテンプレート ディレクトリの URI を取得するとのことですが、親テーマのディレクトリを持ってきてしまいます。

子テーマのディレクトリを取得するには、

get_stylesheet_directory_uri

を使います。関数リファレンス/get stylesheet directory uri – WordPress Codex 日本語版

こんなかんじです。

<img src="<?php echo get_stylesheet_directory_uri(); ?>/img/top-image-1.jpg" />