「single.php」のメインビジュアルを記述している部分の
<div id="mainVisualInner2"><h2><img src="<?php bloginfo('template_url'); ?>/tmp/img/h2_01.jpg" alt="学校の概要" width="920" height="70" /></h2></div>
をカテゴリーごとに背景画像を切り替えるために、カテゴリーIDを取得して、それを画像の番号にあてて、動的にカテゴリー別にメインビジュアルを切り替えるようにするために、下記のように修正する。
<div id="mainVisualInner2"> <?php $cat_id = get_the_category(); $cat_id = $cat_id[0]; $cat_id = $cat_id->cat_ID; $catname = get_the_category_by_ID($cat_id); //var_dump(each( $cat_id)); //echo $cat_id; //echo $catname; echo '<h2><img src="'; bloginfo('template_url'); echo '/tmp/img/h2_0'; echo $cat_id; echo '.jpg" alt="'; echo $catname; echo '" width="920" height="70" /></h2>'; ?> </div>
画像の番号の部分「h2_0x.jpg」の「x」の部分にカテゴリーIDを動的に入れて、「h2_01.jpg」、「h2_02.jpg」、「h2_03.jpg」・・・と用意しておき、CSSで背景画像を切り替えるようにする。