サイドバーにCollect Pluginを使って画像を表示する

まだエントリー数もあまりないのですが、Collect Pluginというプラグインを入れてみました、このプラグインを利用してMovableTypeサイドバーに最近のエントリーから画像をサムネイル表示させてみます。

ダウンロード→Collect Plugin for Movable Type

ダウンロードしたCollect.plをpluginsディレクトリにアップロードします。
（例：/cgi/mt/plugins/Collect.pl）

最近の4エントリーの画像をそのままのサイズで表示

<MTEntries lastn="4">
<MTCollect tags="img">
<MTCollectThis show="0">
<$MTEntryBody$>
</MTCollectThis>
<MTIfCollected tags="img">
<MTCollected tags="img" lastn="1">
<a href="<$MTEntryLink$>">
<img src="<$MTCollectedAttr attr="src"$>" style="margin:5" />
</a><br />
</MTCollected>
</MTIfCollected>
</MTCollect>
</MTEntries>

サイドバーに最近の4エントリーの画像を表示
（このブログのサイドバーで表示）

<MTEntries lastn="4">
<MTCollect tags="img">
<MTCollectThis show="0">
<$MTEntryBody$>
</MTCollectThis>
<MTIfCollected tags="img">
<MTCollected tags="img" lastn="1">
<a href="<$MTEntryLink$>"><img src="<$MTCollectedAttr attr="src"$>" alt="<$MTCollectedAttr attr="alt"$>"
width="160" style="margin:5" /><br /><$MTEntryTitle$></a><hr />
</MTCollected>
</MTIfCollected>
</MTCollect>
</MTEntries>

うまく利用すればフォトページも作成可能です。できるだけ画像サイズの縦横比を統一して使うと見栄えも良くなりそうです！<img>タグの中に「 align="left" 」を入れると画像を横並びにできます。

こちらもご覧ください。Collect Pluginで画像のない記事も表示させてみる