相変わらず、ワンテンポ遅れた実験を繰り返してますが(w)、MTでリンク先の「サムネイル画像」を自動で表示させるお手軽「リンク集」のLABです。
サイトのサムネイル自動作成API
URLを指定すると、そのサイトのサムネイル画像を自動生成してくれるAPIです。
今回は、「Mozshot」さんのAPIを活用させていただきました。ありがとうございます。
あと、自動サムネイル作成APIでは
HeartRails Capture | サイトのサムネイル、PDF の生成サービス
などが有名ですね。
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


![商用OK・加工OKの無料画像素材集[KOYU写]](http://www.kys-lab.com/common_files/img/banner/kys_photo_banner_120x90.gif)



コメントする