Photo thumbnail

MovableType をつかって、PhotoBlog を作ろうというページを教えてもらい、ちょっとアレンジして使ってみました。写真付きのblog entryのサムネイルを右に並べてみただけなんですが。

やりかたは以外に簡単で

1. Category を新しく作る。ここでは「Photo」にしました。
2. MovableType の Entry の Excerpt にサムネイルの画像の <IMG> タグを入力する。
3. Excerpt にサムネイルを入れた Entry の Category に Photo を追加する
4. テンプレートに次のコードを追加する



<MTEntries category="Photo" lastn="5">

<div class="thumb">

<a href="<$MTEntryLink$>"><$MTEntryExcerpt$></a>

</div>

</MTEntries>

5. rebuild する

見た目は Stylesheet で、Thumb class をいじれば OK です。こんな感じです。



.thumb A:link IMG { border: 1px solid #000; }

.thumb A:visited IMG { border: 1px solid #000; }

.thumb A:active IMG { border: 1px solid #000;  }

本当は MovableType できちんとできればいいんだけどね。