最近の画像一覧を表示

プラグイン 2005年08月12日 16:44

Field walkは、テキストよりも画像に重きを置いています。やっぱり、生物について文章で語るより、鮮明な画像が一枚あったほうがインパクトは大きい。ですからMovableTypeに移行してから、特定のエントリーの画像を抽出できないか、と思案していたら便利なプラグインを発見！

collect.plugin

例えば、最近のリンク一覧を表示したり、サムネイル画像の一覧を生成したりと、tags属性に任意のキーワード（a、img、等）を指定することで、色々な応用が可能です。

プラグインの導入にあたり、bird.dip.jpさんのこの記事を参考にさせて頂きました。

Field walkでは、最近の全ての記事に縮小画像（サムネイル）があり、クリックすると拡大画像を確認できるようにしてあります。そこで、記事タイトルのみよりも、「画像＋タイトル」の方がインパクトがあるので、まずはField walkのメインページに、最新記事を除く最近の4つの記事のサムネイル画像を表示。その上で、それぞれの記事タイトル、投稿日、記事へとリンクをはりました。

1. まずは、collect.pluginをダウンロードし、MTのpluginsフォルダにアップロードしておきます。
2. 任意の箇所に下記ソースを記述。
3. スタイルシートでデザインを指定します

<div class="recent_entry">
<MTEntries lastn="4" offset="1">
<MTCollect tags="img">
<MTCollectThis show="0">
<$MTEntryBody$>
</MTCollectThis>
<MTIfCollected tags="img">
<MTCollected tags="img" lastn="1">
<div class="recent_entry_thumb">
<a href="<$MTEntryLink$>">
<img src="<$MTCollectedAttr attr="src"$>" />
<br />
<$MTEntryTitle$></a> <$MTEntryDate format="%x"$>
</div>
</MTCollected>
</MTIfCollected>
</MTCollect>
</MTEntries>
</div>

• lastn="N"　最新の N 個のエントリーを表示
• offset="M" 最新の M 個のエントリーを除外

最新記事は同一ページに表示されているので、最新記事を除いた（offset="1"）最近の4つのエントリー（lastn="4"）を表示

• <MTCollected tags="img" lastn="1">

記事先頭のimgを1つ収集。

.recent_entry_thumb {
	float:left;
	width:265px;
	font-size: 8pt;
	text-align: center;
	padding: 5px;
	}

今回は、こういった使用ですが、まだまだ活用の余地がありそうなプラグインですね。スタイルシートは、サイトデザインに併せて変更ください。

<< 前の記事へ | Home | 次の記事へ >>

｜| コメントする (0) | トラックバック（0） ｜▲TOP