久々にテンプレ弄ったので覚え書き。ロリポブログにもトラックバックにサムネイル画像でサムネイルを付けましたが、Serene Bachにしてから変更しました。
たまたまSereneBach Customize Forumを覗いていたら同じようにこの事を質問されている方がいらっしゃったので、ちょうど私も探していた内容だったのでチャレンジしてみました。
Serene Bachではありがたいことにプラグインが有りますので、それを利用しています。使っているのは凪さんの「comment、trackback タグ拡張プラグイン」です。これを利用することによりSerene Bachの独自タグ{trackback_title}や{comment_name}からURLのみ抽出することが出来るようになります。
私がやったのはトラックバックされたサイトのサムネイルと、そのサイトに登録されているfaviconとコメント投稿時に入力したサイトのfaviconを自動的に掲載させることです。今までもサムネイルはやっていましたが、faviconもせっかくだからくっつけてみました。
まずは、「comment、trackback タグ拡張プラグイン」をインストールし、使えるようにします。すると独自タグ{trackback_entry_url}と{comment_url}が使えますのでそれを利用します。{trackback_title}や{comment_name}からURLだけを抜き出した物です。
で、thumbnailはSimpleAPI、faviconはFavicon API α版を使わせていただきます。
と、言うわけで実際に挿入するとこんな感じのソースになりました。
コメント表示部分はこんな感じ
<!– BEGIN comment –>
<div class="entry_body">{comment_description}</div>
<div class="entry_state"><img src="http://favicon.aruko.net/m/f/{comment_url}" width="12" height="12" vspace="3" align="absmiddle" border="0" /> | {comment_name} | {comment_time} |</div>
<!– END comment –>
トラックバック部分はこんな感じ
<!– BEGIN trackback –>
<div class="entry_title">
<img src="http://favicon.aruko.net/m/f/{trackback_entry_url}" width="12" height="12" vspace="3" align="absmiddle" border="0" /> {trackback_title}
</div><div class="entry_body"><a href="{trackback_entry_url}" target="_blank"><img src="http://img.simpleapi.net/small/{trackback_entry_url}" width="100px" height="100px" border="0" align="left" /></a>{trackback_excerpt}</div>
<br clear="all">
<div class="entry_state"> | {trackback_blog_name} | {trackback_time} | </div><!– END trackback –>
favicon表示できるようになるとこんな感じ。コメント投稿時にURL入れているとそのURLに登録されてるFaviconが表示されます。
ただ、コメントが多かったり、トラックバックが多いページでは表示が遅くなると思うのでやるならどっちかひとつにした方が良いかもしれませんね。両方やると結構重たいときもあります。
favicon生成で既に無くなっているサイトのリンクがある場合、MacintoshのSafariで非常に動作が遅くなるので残念ながらfaviconは外しています。リンク先が生きてる場合は問題ないのですが、死んでるとダメですね。ずーっと読み込み中になってしまいます。現在はサムネイルのみ利用中。
Mac：Firefox、Windows：IE7、Firefox、は問題なしです。Safariだけ挙動不審です。
ちなみにthumbnail（サムネイル）とはこんなもの
Faviconとはこんなもの
コメント
sb People
概要どんどんユーザさんが増えてる「sb」……後継スクリプトのSerene Bac…