Recent imageの表示

たぶんウチのメインコンテンツと思われるのが手作り石鹸について。
慣れないとちょっとわかりにくいblogなのでなんとか手作り石鹸へ辿りやすくしたいと思いました。
そこで最新の手作り石鹸の画像をサイドバーに表示してみます。

やり方はプラグインを使う等いろいろありましたが今回は特定のカテゴリー限定の Recent imageの表示なので参考にさせていただいたのはこちらです。↓

Photo thumbnail [dh's memoranda]

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

導入方法です。
*表示したいサムネイル画像を用意してサーバーにUP
*表示したいカテゴリーのエントリー画面の1番下概要(excerpt)欄にサムネイル画像のIMGタグを入力
*テンプレートに以下のタグを追加してリビルド

以上です。

<MTEntries category="011-Soap" lastn="10"> <div class="thumb"> <a href="<$MTEntryLink$>"><$MTEntryExcerpt$><$MTEntryTitle$></a><p> </div> </MTEntries>

ウチの場合画像の横にタイトルも入れています。
(石鹸の写真はどれも似たり寄ったりで見分けがつかないので…)
画像だけを表示したい場合は<$MTEntryTitle$>部分を省いてください。
スタイルシートでthumbクラスを定義すれば見た目も変えられます。

エントリーするたびにIMGタグを入力する手間はありますが思い通りの表示ができて大満足です。