single.phpの修正

「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で背景画像を切り替えるようにする。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)