dh memoranda

徒然なるままに日暮らしブログに向かいて...

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 できちんとできればいいんだけどね。