法則68 カテゴリごとにデザインを変えて判別性を高める
カテゴリごとにクラス名を変更するテンプレートソース
<!-- カテゴリごとにクラス名を振り分ける-->
<MTIfCategory name=" カテゴリ春">
<body class="categorySpring">
</MTIfCategory>
<MTIfCategory name=" カテゴリ夏">
<body class="categorySummer">
</MTIfCategory>
<MTIfCategory name=" カテゴリ秋">
<body class="categoryAutumn">
</MTIfCategory>
<MTIfCategory name=" カテゴリ冬">
<body class="categoryWinter">
</MTIfCategory>
クラス名ごとに背景色を変更するCSSソース
/* カテゴリごとに背景色を振り分ける*/
body.categorySpring {
background-color: #F9C;
}
body.categorySummer {
background-color: #F60;
}
body.categoryAutumn {
background-color: #930;
}
body.categoryWinter {
background-color: #FFF;
}
カテゴリごとに画像を変更するテンプレートソース
<!-- カテゴリごとに表示画像を振り分ける-->
<MTIfCategory name=" カテゴリ春">
<h2><img src="/img/title_category_spring.jpg" alt="<$MTArchiveTitlearchive_type="Category"$>" /></h2>
</MTIfCategory>
<MTIfCategory name=" カテゴリ夏">
<h2><img src="/img/title_category_summer.jpg" alt="<$MTArchiveTitlearchive_type="Category"$>" /></h2>
</MTIfCategory>
<MTIfCategory name=" カテゴリ秋">
<h2><img src="/img/title_category_autumn.jpg" alt="<$MTArchiveTitlearchive_type="Category"$>" /></h2>
</MTIfCategory>
<MTIfCategory name=" カテゴリ冬">
<h2><img src="/img/title_category_winter.jpg" alt="<$MTArchiveTitlearchive_type="Category"$>" /></h2>
</MTIfCategory>
