連載第132回
2017年12月31日
カテゴリー毎にヘッダ画像を変更したい(その4)

 そんな事を検討していたのも今年前半、5月の事でした。それから毎度のように試行錯誤した後、あっさりと前回の決定事項を覆し、トップやカテゴリー毎のヘッダ画像は決め打ちで行く事に。
 理由は単純。ヘッダとタイトル横の円形アイキャッチ画像を兼ねるのに1024ピクセルもの大サイズの画像を用意するのが面倒だし、両方を兼ねるのに耐えうる構図のレイアウトで写真素材を準備するのが非常に面倒臭いと気付いたから。

 そこでトップやアーカイブ、サーチ、カテゴリー等に専用の画像を用意(現状、重複する画像アリ)して、表示しているページによって振り分けることにしました。画像はそれなりのサイズなので、全てjpg扱いに。

ヘッダー画像をページの特性毎に変える

<header>
<?php if(is_home()): ?><div id="header_A"><img id="ICON" src="/radio/wp-content/themes/me2018_MAC/img/HEAD_ICON_home.jpg"></div><?php endif; ?>
<?php if(is_category()): ?><div id="header_A"><img id="ICON" src="<?php echo HEAD_ICON (); ?>"></div><?php endif; ?>
<?php if(is_tag()): ?><div id="header_A"><img id="ICON" src="/radio/wp-content/themes/me2018_MAC/img/HEAD_ICON_tag.jpg"></div><?php endif; ?>
<?php if(is_page('archive')): ?><div id="header_A"><img id="ICON" src="/radio/wp-content/themes/me2018_MAC/img/HEAD_ICON_archive.jpg"></div><?php endif; ?>
<?php if(is_search()): ?><div id="header_A"><img id="ICON" src="/radio/wp-content/themes/me2018_MAC/img/HEAD_ICON_search.jpg"></div><?php endif; ?>
<?php if(is_date()): ?><div id="header_A"><img id="ICON" src="/radio/wp-content/themes/me2018_MAC/img/HEAD_ICON_archive.jpg"></div><?php endif; ?>
<?php if(is_single()): ?><div id="header_A"><img id="ICON" src="<?php echo HEAD_ICON (); ?>"></div><?php endif; ?>
</div>

3行目と8行目:HEAD_ICON () 関数で画像を呼び出し

 特別扱いのページのヘッダ画像は「HEAD_ICON_home.jpg」とか「HEAD_ICON_archive.jpg」という感じで用意し、カテゴリーページと単独記事のsingle.phpは、これまで使用してきたpost_icon () を簡略化した、HEAD_ICON () でカテゴリーIDを取得し「HEAD_ICON_23.jpg」のようにして表示させることしました(↓)。つまり、記事タイトル毎の丸いアイキャッチ画像とヘッダ画像は別々の管理に(でもID毎に専用画像を用意するだけなので楽)。

ヘッダー画像の取得用に関数を用意

function HEAD_ICON () {
      $cat = get_the_category();
      $cat_id = $cat[0];
    echo '/radio/wp-content/themes/me2018_MAC/img/HEAD_ICON_'.$cat_id->cat_ID.'.jpg';
}

post_icon () をすんごく簡略化したもの

 さて。長らく続いたこの「VPS&WordPress引っ越しメモ」ですが、ちょうど2017年の大晦日ということもあって、ここで一区切りします。いろいろな事情でブログ更新が滞り、サーバーの管理やカスタマイズに時間を全く掛けられなくなったこともあり、費用コスト削減も兼ねて、来年は一気にハードルを下げ、一般向けのメジャーなお手軽レンタルサーバーに引っ越します。そこではこの「まわるフリフリのフリ」と「flfl.me」を統合した、これまたごく普通の日記ブログになる予定です。