トップ –> MovableType –> コメント・トラックバック欄でFaviconを表示する

MovableType

コメント・トラックバック欄でFaviconを表示する

コメント・トラックバック欄ファビコン 最近は、Favicon(ファビコン)を設置しているブログを良く見かけるようになりました。そこでコメント、トラックバックを頂いた皆さんのブログのFaviconを表示する方法を紹介します。

1.プラグイン導入と修正
gemal.dkのサイトからFavicon Plugin (Version1.4:MT3.3x)をダウンロードして、解凍します。
次に favicon.cgi の1行目を修正します。

修正前: #!/usr/local/perl/bin/perl -w
修正後: #!/usr/bin/perl -w

2.プラグインのアップロード
修正が終わったら、pluginsフォルダをまるごとアップロードし、plugins/Favicon/favicon.cgi のパーミッションを755(または700)にします。

「システムメニュー」→「プラグイン」で「favicon1.4」があることを確認してください。
「Faviconを起動」でエラーがでる場合は、favicon.cgi の修正ができているか確認してください。

「設定を表示」・・・
Favicon plugin は、コメント・トラックバック元のFaviconを一定の周期で検索し取得しているようです。この周期の設定を行います。(わたしは特に変更しませんでした)
「Faviconを起動」・・・
Faviconを取得できたサイトの一覧とそうでないサイトの一覧が表示されます。「Remove」することでキャッシュを削除することができます。

3.テンプレートの編集
Faviconを表示するためにエントリーアーカイブを編集します。
コメント・トラックバックのFaviconを表示させたい部分に下記を追加します。

[ トラックバック欄 ]
<MTFaviconTrackbackIfAvailable>
     <$MTFaviconTrackback full="1"$>
</MTFaviconTrackbackIfAvailable>
[ コメント欄 ]
<MTFaviconCommentIfAvailable>
     <$MTFaviconComment full="1"$>
</MTFaviconCommentIfAvailable>

上記で編集するとFaviconの画像がずれるため、フルバージョンで追加しスタイルシートで画像を調整します。赤い部分が追加するところです。

[ トラックバック欄 ]
<div class="trackback" id="ping-<$MTPingID$>">
     <div class="trackback-content">
           <p>
           (ブログの名前) :<MTFaviconTrackbackIfAvailable>
<img src="<$MTFaviconTrackback$>" width="16" hight="16" alt="Site icon" title="Site icon" class="favicon" />
</MTFaviconTrackbackIfAvailable><$MTPingBlogName$><br />
           (ブログタイトル) : <a rel="nofollow" href="<$MTPingURL$>"><$MTPingTitle$></a><br />
           (エントリー概要) : <$MTPingExcerpt$> <a rel="nofollow" href="<$MTPingURL$>"> 続きを読む</a>
           </p>
     </div>

[ コメント欄 ]
<p class="comment-footer">
Posted by<MTFaviconCommentIfAvailable>
<img src="<$MTFaviconComment$>" width="16" hight="16" alt="Site icon" title="Site icon" class="favicon" /></MTFaviconCommentIfAvailable><$MTCommentAuthorLink default_name="anonymous"$> <$MTCommentAuthorIdentity$> / <a href="#comment-<$MTCommentID$>"><$MTCommentDate format="%x" language="en" $></a>
</p>

青の部分は、Faviconの表示サイズです。個々に修正してみてください。
一部、デフォルトのソースと違います。ご了承ください。

4.スタイルシートの編集

編集例:
/* Trackback,Comment favicon ---- */   
.favicon {
    vertical-align:middle;
    margin: 0px 0px 3px 0px;
    }
/* ---- Trackback,Comment favicon end */

vertical-align:middle; のみで指定後、マージンで調整してみてください。
以上で終了です。

参照:小粋空間さん「Favicon をコメント・トラックバックに表示する

トラックバック

ご意見・ご感想 (1)

こんにちわ^^

ありがとうございます!!
あっ!すいません。MovableType備忘録のbzbellです。

さっそくわたしのブログでもファビコン設置してみました。

かわいいですね(*´∇`*)♪
気に入っちゃいましたぁ♪

では。。。

ご意見・ご感想を投稿

・ ご意見・ご感想の内容は確認後表示されます。しばらくお待ちください。
・ 本サイトと無関係の内容は、削除いたします。ご了承ください。

August 15, 2007

      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  

Index