MTでサイトのサムネイル画像付き「リンク集」

June 2, 2008
lab_link_sam.gif

相変わらず、ワンテンポ遅れた実験を繰り返してますが(w)、MTでリンク先の「サムネイル画像」を自動で表示させるお手軽「リンク集」のLABです。

サイトのサムネイル自動作成API

URLを指定すると、そのサイトのサムネイル画像を自動生成してくれるAPIです。

今回は、「Mozshot」さんのAPIを活用させていただきました。ありがとうございます。

Mozshot

あと、自動サムネイル作成APIでは

SimpleAPI - ウェブサイト・サムネイル化ツール

HeartRails Capture | サイトのサムネイル、PDF の生成サービス

IgWebCap - [ サムネイル表示ブログパーツ ]

などが有名ですね。

MTのテンプレート

「リンク」という名前で、新規「モジュールテンプレート」を追加し、以下を記述。

<a href="<$MTEntryBody$>" target="_blank" title="<$MTEntryTitle$>">
<img src="http://mozshot.nemui.org/shot?<$MTEntryBody$>"
alt="<$MTEntryTitle$>" style="float:left; margin-right:20px"></a> <h3><a href="<$MTEntryBody$>" target="_blank" ><$MTEntryTitle$>
</a></h3> <p><$MTEntryMore$></p>

スタイル部分は、お好きなように変更可能。

テンプレートモジュール

「ブログ記事の概要」と「ブログ記事の詳細」で、それぞれ表示させたい箇所にテンプレートモジュール「リンク」をインクルード(赤線囲み部分)。

テンプレートモジュール

あと、ブログ記事リストでエントリータイトルをクリックすると、リンク先のサイトに飛ぶようにテンプレートモジュールの「ブログ記事の概要」で<$MTEntryTitle$>周りを修正(赤線囲み部分)。

ブログ記事の記述方法

  • ブログ記事の「本文」にサイトのURLのみを記述
  • ブログ記事の「続き」にサイトの説明文などを記述
これだけです。

実験結果

テンプレートモジュール

実験結果のページはコチラ

テキストだけのリンク集でなく、リンク先のサムネイルが表示されていると、よりクリックに誘導できて、活用されるのではないでしょうか。

あと、MTでリンク集の細かい設定まで出来る「プラグイン」もあるみたいですね。

Link Roller | Movalog Plugins: Movable Type plugins by Arvind Satyanarayan

関連記事

トラックバック(0)

コメントする


画像の中に見える文字を入力してください。

PageTop