サイドバーに特定の「タグ」が付いたエントリー内の画像を表示させる

右サイドメニューには、「最近買ったもの」という箇所がありますが、ここには文字通り、最近購入したモノの画像とそのレビュー記事へのリンクを貼られています。

Movable Typeを使って、サイドバーに特定のエントリーの画像を表示させるテクニックは今までもあって、たとえばエントリーの最新X件の画像を表示させるとか、あるカテゴリーに属する画像を一覧表示させることはできます。

しかしこのブログのように、「買ったもの」は本、ゲーム、ハードウェアと色んなカテゴリーに分かれていますので、今回はエントリーのタグに「購入」が付いているエントリーの画像の最近5件を表示させています。 なお、この機能を使うためには、「Collect Plugin for Movable Type」というプラグインを導入する必要があります。
ソースは下記の通りです。

<MTEntries tags="購入" lastn="5">
<MTCollect tags="img">
<MTCollectThis show="0">
<$MTEntryBody$>
</MTCollectThis>
<MTIfCollected tags="img">
<MTCollected tags="img" offset="1">
<p class="img">
<a href="<$MTEntryLink$>" title="<$MTEntryTitle$>"><img src="<$MTCollectedAttr attr="src"$>" width="120" /></a>
</a>
</p>
</MTCollected>
</MTIfCollected>
</MTCollect>
</MTEntries> 

コメント

タイトルとURLをコピーしました