Movable Type：サムネイルから個別記事のフルサイズ画像へリンクする

2007.12.23追記
以下はかなり古い記事なのですが、たまに参照されているようなので補足します。この記事の方法で「概要」にサムネイル画像が入ると、トラックバックを送信した際にこの画像へのリンクを送ることになります。当時はうまくいっていましたが、最近はセキュリティの関係上、画像を含むトラックバックを受け付けないblogツールやサービスも多いようです。そのため、一時的に「概要」を文章で書いた状態でトラックバックを送り、その後サムネイルに差し替える、という作業が必要になるかもしれません（ものすごくアドホックな解決法ですが）。
個人的にはもうこの記事の方法を使うのは止めようと思っています。

----

Movable Typeは画像のアップローダの機能、自動でサムネイルを作成する機能がついているのがとてもらくちんなんですが、サムネイルをクリックすると画像の直リンク（またはポップアップ）になるという仕様がどうも好きになれなくて。これは、あくまで文章が主体で、写真や画像を添付して見せるときの見せ方ですよね……絵だと、画像そのものが主役になっていてほしいので、すこしそぐわないなあと思います。僕としては、

1. インデックスページにはサムネイルと文章のみ表示
2. サムネイルまたは「固定リンク」をクリックすると、個別記事へ飛ぶ
3. 個別記事には元の大きさの画像と文章がある

……というのが理想だったのですが、いくつか手を加えて、ほぼ望むかたちの動作をさせることができました。

まず前段階として、絵のカテゴリの記事を書くときには、

• エントリーの内容（body）にはフルサイズの画像のみを入れる
• 追記（extended）に、文章を入れる
• 概要（excerpt）にサムネイル画像のみを入れる

というルールで書きます。
次に、テンプレートを書き換えます。ここではSupplemental Category Tagsプラグインを使います。Individual Entryに関しては「エントリーの内容」と「追記」が表示されればいいので、特にテンプレートはいじりません。

Main Index、Category Archive、Data-Based Archiveのテンプレートについて、（細かいところは人によって違うと思いますが）大きくは<$MTEntryBody$>周辺部分を書き換えます。今回は以下のようにしました。

<$MTEntryBody$>
<MTEntryIfExtended>
［<a href="<$MTEntryPermalink$>#more">続きを読む...</a>］
</MTEntryIfExtended>


（↑書き換え前）

<MTIfCategory name="Illustration">
<a href="<$MTEntryPermalink$>"><$MTEntryExcerpt$></a><$MTEntryMore$>
</MTIfCategory>
<MTIfNotCategory name="Illustration">
<$MTEntryBody$>
<MTEntryIfExtended>
［<a href="<$MTEntryPermalink$>#more">続きを読む...</a>］
</MTEntryIfExtended>
</MTIfNotCategory>

（↑書き換え後）

そのまま写しただけなので、すこしわかりにくいかもしれませんが。
「Illustration」が僕が使っている絵のカテゴリ名です。カテゴリが「Illustration」だったときのみ、エントリーの内容は表示しないで、概要と追記のみ表示させます。さらに、概要部分には個別記事（Permalink）へのリンクを張ります。
これで、設定は終了。

このままだと、アップロード時に、サムネイル画像とフルサイズの画像のタグを別々に用意するのがちょっと面倒なんですが……これは今後の課題ということで。

テンプレートの書き方によっては、「インデックスページにある間はフルサイズのまま表示、カテゴリページや月別アーカイブに入ったらサムネイル表示になる」ということもできそうですね。そっちの挙動のほうが好きな人も多そう。

ちなみに、概要にサムネイルを入れておけば、特に何も設定をしなくても（Movable Typeの初期設定のままでも）、RSSにサムネイルが入るようになるはずです。RSSにサムネイルが入るというのは、意外と重要なことだとおもいます……サムネイルを見て、絵を見に来てくれる人がいるかもわからないですしね。

（2004 5.21追記：タイトルがわかりにくい気がしたので変えました。「サムネイルから個別記事にリンクする」→「サムネイルから個別記事のフルサイズ画像へリンクする」　長ったらしいですが内容に即していると思います）

04/04/04 11:19