MovableType:画像を使った一覧表のテンプレート

シェアする

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

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

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

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

やり方としては、

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

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

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

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

コメント

  1. うか より:

    ウチの記事、参考にしていただけたようで何よりですw
    ってか、こーゆー使い方、ありですよね!
    私はトップページにいかにいい感じ^^;で記事ページへのリンクを貼るかということに固執していたんですが(笑)、たからにゃさんのページを見て「トップだけじゃなくて、個別ページでのストックデータ一覧表示もありだよな!」と興奮してしまいました。
    これ、いろんな局面で応用が効きそうですね。
    いやー、ホントいい活用法を知ることができました。ありがとうございます!
    2007/09/18 20:56 投稿

  2. たからにゃ より:

    うかさん、お世話になりました?♪
    ずっと、どうやったらいいのかなあともやもやしてたのですが、うかさんの記事を読んだのをきっかけに、一気にページが作れました。
    こちらこそ、感謝です♪
    2007/09/25 21:18 投稿