入口 > テンプレ - カスタマイズ > カテゴリによってデザインを変える

カテゴリによってデザインを変える

カテゴリによってデザインを変えたいときは、以下のようにしてください。例えば文カテゴリと絵カテゴリで記事幅を変えたいとか、ジャンル1カテゴリとジャンル2カテゴリで背景を変えたいとかいう場合に使えるかと思います。
1.変えたいカテゴリのカテゴリ番号を確認しておく。

2.テンプレスタイルシート末尾に

.category_catX_body  {  }


と加えて、赤字の「X」を1のカテゴリ番号に書き換え、その後のピンク背景のところで好きなスタイルを指定する。
複数のカテゴリで同じ指定をしたいときは

.category_catX_body, .category_catY_body {  }

のように、複数のカテゴリで別の指定をしたいときは

.category_catX_body {  }
.category_catY_body {  }

のようにして増やす。


作業はこれだけです。どういったスタイル指定をすればどういった見た目になるかといったことは、当サイトカスタマイズ説明の各記事や、スタイルシートの解説サイトなどをご参照ください。

例えばカテゴリ番号「10」を字色背景色ともに赤系っぽい感じにして記事部分はさらに薄いピンクにして幅も狭くしつつついでに古めIE以外で角を丸くしたければ

.category_cat10_body { color: #500; background: #fee; }
.category_cat10_body a, .category_cat3_body a:visited { color: #900; }
.category_cat10_body a:hover, .category_cat3_body a:active { color: #c00; }
.category_cat10_body #not_index_area { width:600px; background: #fffafa; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }

とするなど、です。

ちなみにパンくずリストのスタイルは

.category_catX_body #pankuzu {  }

検索窓のスタイルは

.category_catX_body #search {  }

で指定できます。


ご不明な点があれば詳しい状況を添えてご相談ください。テンプレに関わる範疇ならできるだけお答えしたいと思っています。
2012-10-21