« 7月 2016 12月 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

Home > Serene Bach > Serene BachでTBとかのthumbnailとFaviconを表示

Serene BachでTBとかのthumbnailとFaviconを表示

 久々にテンプレ弄ったので覚え書き。ロリポブログにもトラックバックにサムネイル画像でサムネイルを付けましたが、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が表示されます。
ピクチャ 2.png

ただ、コメントが多かったり、トラックバックが多いページでは表示が遅くなると思うのでやるならどっちかひとつにした方が良いかもしれませんね。両方やると結構重たいときもあります。

favicon生成で既に無くなっているサイトのリンクがある場合、MacintoshのSafariで非常に動作が遅くなるので残念ながらfaviconは外しています。リンク先が生きてる場合は問題ないのですが、死んでるとダメですね。ずーっと読み込み中になってしまいます。現在はサムネイルのみ利用中。
Mac:Firefox、Windows:IE7、Firefox、は問題なしです。Safariだけ挙動不審です。

ちなみにthumbnail(サムネイル)とはこんなもの

Faviconとはこんなもの

関連する投稿

1つ星2つ星3つ星4つ星5つ星 (まだ評価されていません)
Loading...Loading...

Comments:1

RSSパーティ 07-02-18 (日) 16:30

sb People

概要どんどんユーザさんが増えてる「sb」……後継スクリプトのSerene Bac…


Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://blog.planting-field.com/archives/eid656.html/trackback
Listed below are links to weblogs that reference
Serene BachでTBとかのthumbnailとFaviconを表示 from Planting Field Web Log

Home > Serene Bach > Serene BachでTBとかのthumbnailとFaviconを表示

ZenBack
Feeds

 RSSリーダーで購読する

はてなRSSへ追加Google Readerへ追加
Photo
Other-Meta
ブログランキング blogram投票ボタンブログランキング・にほんブログ村へ My Profile by iddy にほんブログ村 サッカーブログ FC東京へ
にほんブログ村
ブログでクチコミ B-Promotion

Return to page top

Get Adobe Flash player
back to top