ヘッダー画像をページごとに変更したい【WordPress】

2020年7月19日2022年5月22日

ヘッダー画像をページごとに変更したいんだけど、どーやってやるの？

この方法について解説します。

今回の記事は、少しだけプログラミングの知識が必要になります。
とはいえ、調べれば簡単に変更できるかと思いますので頑張りましょう！

ヘッダー画像をページによって変える方法

まずは簡単にヘッダー画像をページによって変える方法を説明します。

条件分岐で画像を変えたいページを指定する
１で指定したページが表示されたときの画像を決める

以上、①②のコードを繰り返し記述するだけです。

しかしこの説明だけだとわからないので、例としてコードを記載しておきます。

下記コードをfunctions.phpに記述します。

function get_header_image()
{
    global $post; // グローバル宣言をして、関数内でもグローバル変数「$post」から投稿IDを取得できるようにする

    if (is_page()) : // 固定ページが表示されている場合
        return get_the_post_thumbnail($post->ID, 'large'); // アイキャッチ画像をラージサイズで表示
    elseif (is_category('news') || is_singular('post')) : // それ以外で、もしカテゴリー名「news」のアーカイブが表示されているか、または通常の投稿ページが表示されている場合
        return '<img src="' . get_template_directory_uri() . '/img/hoge.jpg"/>'; // hoge.jpg を出力
    else : // それ以外は
        return '<img src="' . get_template_directory_uri() . '/img/fuga.jpg"/>'; // fuga.jpg を出力
    endif;
}