- 2006-05-24 (水)
- Movable Type
トラックバック元のサイトのサムネイルを表示できるようになりました。
大元はSimple APIというサイトの力を借ります。URLを入れるとそのサイトをキャプチャしてくれるのです。例えばこんな風に。
組み込み方はhxxk.jpさんを参照すれば楽々です。
Movable Typeを使ってる僕の場合は個別アーカイブのテンプレート内のトラックバックの部分で、
<MTPings>
<div class="trackback-content">
<a name="<$MTPingID$>"></a>
<p><a href="<$MTPingURL encode_xml="1"$>" title="<$MTPingTitle
remove_html="1" encode_html="1"$>"><img src="http://img.simpleapi.net/small/<$MTPingURL
encode_xml="1"$>" width="128" height="128" class="img-L" alt="<MTIfNonEmpty
tag="MTPingBlogName"><$MTPingBlogName encode_html="1" remove_html="1"$> - <$MTPingTitle$></MTIfNonEmpty>" /><MTIfNonEmpty
tag="MTPingBlogName"><$MTPingBlogName encode_html="1" remove_html="1"$> - </MTIfNonEmpty><$MTPingTitle$></a> <$MTPingDate
format="%Y/%m/%d %H:%M"$></p>
<p><$MTPingExcerpt$></p>
</div>
</MTPings>
とし、CSSに
.img-L {
float: left;
border: none;
margin-right: 10px;
}
.trackback-content {
clear: left;
}
を加えてあげてます。html文法上あまりよろしくないんでしょうけど、手早くできるほうを選びました。
コメント部分でも同じことができます。ただ、プラグインでなく外部APIからの画像の取得なので、1ページに5枚以上になると少し表示にもたつくことがあります。僕の場合は今回はトラックバック部分だけにしておきました。
サイトを再構築すれば今までトラックバックをいただいたページで綺麗に表示されてます。大成功！
- 16日は岐阜県日本昭和村！
- 移動販売車はワーゲンバス！
- 第2回カルマンデイ関西
- あのチビッコももう50歳
- BOSCH 009、製造終了？
- 「グランツーリスモ4」完成披露会を開催
- バスブロガーさん発見っ！
- 二台目のワーゲンバスは水色
これからもたくさんトラックバックくださいねー。
こちらもどうぞ！
- Newer: どんな用途にせよ、靴は非常に重要です
- Older: 小浜にも素敵カフェ！
- Tags → Aircooled-Search:
- buslog
- Movable Type
- simple API
- トラックバック
