« えーとLinuxメモ | メイン | MT連続バージョンアップ »

2005年01月29日

これはMT関係の記事であります。IEで見るとソースコード部のスクロールバーが変だったのに対処してみました。直った、のかな?

カテゴリー毎にスタイルを

変えてみたくなって久しぶりにMTいじり、意外と簡単だった。

まずは各カテゴリー毎のスタイルシートをインデックス・テンプレートにどんどん追加する。この時作成されるファイル名は形式を揃えてカテゴリーの番号を入れておくのがポイント。例えばカテゴリー番号が3番なこのページ用はstyles-cat_3.css とする。

続いて個別エントリーアーカイブのテンプレートを修正、

<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />
<MTEntryCategories>
<link rel="stylesheet" href="<$MTBlogURL$>styles-cat_<$MTCategoryID$>.css" type="text/css" />
</MTEntryCategories>

既存の一番上の行の下に3行追加する。この時にさっき作ったスタイルシートのファイル名をうまいこと埋め込む。しつこく書くと

styles-cat_<$MTCategoryID$>.css

ここ、<$MTCategoryID$>がさっきのカテゴリ番号に置き換えられる。
これでおしまい。

一度標準のスタイルシートでデフォルト値の定義は済ませてあるので作成するカテゴリ毎のスタイルシートは標準の物から変更したい項目だけ書けばいい(その方が後からの修正が楽)。テストで作ったこのカテゴリー用はちょっと配色を変えた以下の内容だけ。

body {
	background-color: #cccccc;
	}
#banner {
	color: #FFFFFF;
	background-color: #663366;
	border-bottom: 1px solid #000000;
	}
#calendar caption {
	background-color: #663366;
	color: #FFFFFF;
	}
.sidebar h2 {
	background-color: #663366;
	color: #FFFFFF;
	}

全カテゴリー用のスタイルシートを作らなくても問題はない。アクセスログに404が並んでみっともないが(笑)

更に追記、カテゴリーアーカイブのページの方はテンプレートに

<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />
<link rel="stylesheet" href="<$MTBlogURL$>styles-cat_<$MTCategoryID$>.css" type="text/css" />

この1行だけ足せばよい。


投稿者 kade : 2005年01月29日 23:15 | MT

トラックバック

このエントリーのトラックバックURL:
http://www.kadesoft.com/cgi-bin/mt3/mt-tb.cgi/45

トラックバックしてくれた方々:

» MTカテゴリー名をスタイルシートのidにする from らっぱ王子
Softimage/XSI メモを改装した。エントリーが増えて参照しにくくなっていたので、Movable Typeを使用してみた。これで検索をかけて記事が見つけ... [続きを読む]

トラックバック時刻: 2005年09月22日 12:04

» バナー変更ヽ(´ー`)ノ from あーくんのゴミ箱
スタイルシートから、バナーの表示の方法を変更してみました。 参考にしたのは、 ←... [続きを読む]

トラックバック時刻: 2006年07月01日 19:18

コメント大歓迎




保存しますか?