MovableTypeで画像を使って一覧表を作ろうとずっと思ってました。普通に一つづつ作るのではなく、カテゴリを使って、自動で繰り返し表示させたかったのです。

なんとなく出来そうな気はしていましたが、作るまでにはいたらず、ほっちらかしていたのですが、ちょうどうかさんがサイトをリニューアル中で、その中で次のような記事があるのを見つけ、参考にして、メインブログでも作ってみました。

参考記事  記事タイトルを画像にしてみる

ちなみに、自分が今回作ったのは、こちらのページ。
↓↓↓↓↓↓↓↓↓↓↓↓↓↓
 高島屋で有名和菓子を賢くお得にお取り寄せ♪

やり方としては、

  1. テンプレートを作成
  2. 一覧表示させたい記事を一覧表示させたいカテゴリに登録する
  3. 一覧表示させたい記事用の見だし画像を任意のサイズ(今回は200×150px)で作成し、ファイル名を変更し、所定のフォルダにアップロード
  4. テンプレートを再構築

と、こんな感じです。所要時間は約3時間でした。

ポイントは、画像のファイル名を「$MTEntryBasename$」と連動させるところですね。

うかさんの記事のおかげで、作りたかったページが作れました。うかさん、ありがとう♪