Home > Movable Type > トラックバックに彩りを

トラックバックに彩りを

2006-05-24 (水)
Movable Type
buslog | Movable Type | simple API | トラックバック
Reading time: 5分ぐらい

トラックバック元のサイトのサムネイルを表示できるようになりました。

大元はSimple APIというサイトの力を借ります。URLを入れるとそのサイトをキャプチャしてくれるのです。例えばこんな風に。

http://www.buslog.net/ を入力すれば http://img.simpleapi.net/small/http://www.buslog.net/ として画面が画像で出力されました。すげー！

組み込み方は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枚以上になると少し表示にもたつくことがあります。僕の場合は今回はトラックバック部分だけにしておきました。

サイトを再構築すれば今までトラックバックをいただいたページで綺麗に表示されてます。大成功！

これからもたくさんトラックバックくださいねー。

コメント欄にも彩りを: 以前にトラックバック元のサイトのサムネイルを表示できるようにしたのですが、処理に意外と時間がかからないので、コメント欄にも応用してみました。トラックバックのとき同様Simple APIのサービスを使います。 Movable Typeを使っ...

コメントスパム再来: 15日深夜～16日未明にかけてコメントスパムが入りはじめ、その後もぞくぞくと。今日の夕方の時点で18件になりました。まぁ、まだマシな数ですね。対策したのでそのメモです。まずは事後対策。 Memo Leaves：コメントスパム一括削除用メ...

buslog、リニューアルしました！: えー、長い間更新をサボってました。ご心配いただいた皆さんありがとうございます、バスも僕も絶好調に元気です。少しだけリニューアル作業に精を出してました。一番最初にこのサイトを作った時点からうすうす思ってたのですが、案の定ブログが完全にメイ...

コメントの表示順を一目でわかるように: 最近はおかげさまでたくさんのコメントを気軽に寄せていただけるようになってきましたので、コメントまわりを充実させようと思います。 Movable Typeの設定項目として、コメントを「新しいものから表示する」か「古いものから表示する」かを選べ...

クリックで進めていくランダムスライドギャラリーできました: buslogへいただくコメントは、投稿の際にMovable Typeのさまざまなプラグイン機能によって迷惑コメントでないかどうかチェックされてます。ブラックリストに載ってる数百のIPアドレスとドメインに照らし合わせられ、コメント内容によっ...