Movabletypeで画像リスト生成[Collect Plugin] 

当ブログの記事に共感していただけたら、また読みに来ていただけると嬉しいです。読んでくれる方の数が多くなると、更新するヤル気に繋がります(^^)

  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存

わかったブログ」では、ヘッダの部分に、各エントリーにある画像のサムネイルをリスト表示している。

以前までは自前のphpスクリプトで表示させていた。けど、調べてみたら便利なプラグイン「Collect Plugin」があったので、それを利用することにした。

コードはこんな感じ

<MTEntries lastn=”10″>
<MTCollect tags=”IMG”>
<MTCollectThis show=”0″>
<$MTEntryBody$><$MTEntryMore$>
</MTCollectThis>
<MTIfCollected tags=”IMG”>
<MTCollected tags=”IMG” lastn=”1″>
<a href=”<$MTEntryLink$>“>
<img src=”<$MTCollectedAttr attr="src"$>” width=”100px” border=0 style=”margin:3px” />
</a>
</MTCollected>
</MTIfCollected>
</MTCollect>
</MTEntries>

<MTCollectThis>ではさまれたコンテンツから、imgタグの情報を収集(Collect)する。

<MTCollected tags=”IMG” lastn=”1″> のlastn=”1″を”n”にすると、各エントリーから最初のn個まで画像情報を収集する。

<MTCollectThis show=”0″>のshow=”0″を”1″にすると、コンテンツそのものが表示されてしまうのでご注意を。

ウチは複数のサイトの新着情報を扱っているので、

<MTEntries lastn=”10″>?</MTEntries>

の代わりに、

<MTGlobalEntries lastn=”10″ include_blogs=”1,2,3,4,5…”>?</MTGlobalEntries>

に変更している。

プラグイン:MTGlobalEntriesを利用すると、他のブログの画像も表示できるようになる。

ヘッダ部が寂しい感じのブログにはお奨め。
画像があると、華やかになる。

関連記事
スポンサーリンク

当ブログの記事に共感していただけたら、また読みに来ていただけると嬉しいです。読んでくれる方の数が多くなると、更新するヤル気に繋がります(^^)

  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存

フォローしていただけると、ブログ更新を見逃しません

push7 feedly
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です