loungelabel.comでは、定期的にというか思いついたらbannerで使っている画像を変えている。
ちなみに今は、2004/07/24に行われるSUMMERDISCOのフライヤーをイメージした画像にしてある。
一般的にbanner等で使われる画像はそのサイトのイメージに影響するので気合の入った画像であることが多い。
しかしこれらの画像は同名ファイルであり上書きアップデートされるため、以前の画像を見ることができない場合がある。
実にもったいないなぁと感じていた。
そこで何の約にも立たないかもしれないMovabletype的TIPSを一つ。
１．templateを新規作成する。
＜MTEntries category="IMAGE" lastn="1"＞
.banner-image
{
background-repeat: no-repeat;
background-image: url(＜$MTBlogURL$＞mt/archives/image/＜$MTEntryTitle$＞);
}
＜/MTEntries＞
これをスタイルシート、styles-banner-image.cssとして出力させる。
２．templateのbannerの構成を変える。
＜div id="banner"＞
＜div class="banner-image"＞
＜img src="xxx.gif" width="640" height="200" border="0" />
＜/div＞
＜/div＞
こんな感じにする。banner-imageクラスの中にあるのは、1x1の透過gif画像を640x200にしたもの。
３．templateのheadに先ほど新規追加したスタイルシートの読み込みを追加する。
＜link rel="stylesheet" href="<$MTBlogURL$>styles-banner-image.css" type="text/css" /＞
こんな感じで。
３．カテゴリIMAGEを追加する。
このカテゴリのタイトルは、パスを覗いたファイル名とする。
４．IMAGEカテゴリにエントリを追加する。
すると、先ほど変更したテンプレートのbanner画像（正確にはbanner背景画像)が、エントリで指定した画像になる。
***
エントリにする利点はbanner画像のアーカイブが作成できること。
（例:IMAGE Archives)
これを応用すれば、Ramdom bannerなんてのもできるかも。
ちょっと手間はかかるけど、CMSとしてのMovabletypeを追求している人にこっそりお勧めします。
(文中、全角の＜＞は半角にすること。)
...UPした後で気が付いた。
この変更量だとTIPSではないれすね（反省）