WordPress:favicon.icoをコメント欄に表示させる [学習記録]

2006年12月15日

favicon（ファビコン）ファンとして、これだけは逃せないプラグイン:Favatars（英語）を導入しました。バージョンは2です。faviconがavatar（アバター）かぁ :razz:

コメント投稿者がサイトURLを記入した場合、そのサイトのfaviconをコメントとともに表示します。実際の動作はこの記事のコメント欄をご覧下さい。

（本当はもっと早く導入したかったのですが、なぜかプラグインをダウンロードできなかったのです… :cry: ）

導入についてはpower source*にてぼのさんが紹介しておられますので、詳しくはそちらを参照してください :smile: （またこのパターン…）

ここでは導入後のちょっとした注意をまとめておきます。

アイコンが大きい？

コメント投稿者のサイトのfaviconによっては、サイズが大きい場合があります。アドレスバーなどに表示される小さいサイズ（16px*16px）に統一したいときは、img属性のwidthとheightを指定しましょう。

favatars.php （ver.2） 22行目

function comment_favicon($before='<img src="', $after='" alt="favicon.ico" width="16" height="16" />') {

alt属性が空になっているので、ついでに指定しておきます。ここではfavicon.icoとしておきました。

faviconにリンクをはりたい

faviconにコメント投稿者のサイトのリンクをはるときは、テンプレートタグを使います。

<a href="<?php comment_author_url(); ?>"><?php comment_favicon(); ?></a>

faviconの所有者を示すことができるので、リンクをはっておくのが好ましいです。

Internet Explorerで表示されない？

コメント欄のfavicon.icoがInternet Explorer 6.0で表示されないことがあります。これは、favicon.icoが保存されているサーバーの設定によるようです。

p0tにてkomagataさんがその原因とPHPを使った解決策を詳しく述べておられます。

もう一つの解決策は、favicon.icoをPNG画像に変換する方法です。こちらは、power source*にてぼのさんが詳しく述べておられます。

どちらかの解決策を取り入れる必要があります。他に何か方法あるかなぁ… :-?

追記（2007年1月1日）

PHPを使った解決策:任意の場所にphpを保存して、favatars.phpを書き換えます。

favatars.php （ver.2） 22行目

function comment_favicon($before='<img src="http://hogehoge.hoge/favicon.php?favicon=', $after='" alt="favicon.ico" width="16" height="16" />') {

上のURLのところは書き換えてくださいね。

:idea: 参考

:left: 関連記事

feed-icon 更新情報配信中！
  • この記事のURL:
  • トラックバックURL:
  • この記事へのリンク:

コメント・トラックバック

  1. こんな感じでfaviconが表示されます。

    コメント by curo | 2006年12月15日 05:05

  2. curoさん、こんにちは。(^-^) トラックバックありがとうございましたー。

    コメント投稿者のサイトの favicon によっては、サイズが大きい場合があります。

    これは、どういう違いなんでしょう。。。
    うちの favicon は、16*16px と 32*32px の両方含まれているはずなのですけれども、普通に とすると、16*16px のが表示されるんです。32px の方を表示させる方法を探してるのですけど、なかなか見つからなくって。（・；）

    あと、p0tさんの改良版で、「p0t: PHPで出してる画像もキャッシュしてもらう」 っていう記事がありました。 :-)

    コメント by ぼの | 2006年12月20日 01:48

  3. うちの favicon は、16*16px と 32*32px の両方含まれている…

    この場合は16*16pxのfaviconがFavatarsで表示されますね。
    32*32pxを優先的に表示させる方法はわからないです :sad: すいません…。
    favartars.phpを書き換えなければ、無理っぽいような気がします。

    32*32pxや48*48pxなどのサイズのみが格納されているfavicon（16*16pxのfaviconが格納されていないfavicon）を、Favatarsで表示するとサイズが大きいfaviconが表示されます。

    追加記事の情報、ありがとうございます。追記しておきますね。

    コメント by curo | 2006年12月21日 20:23

  4. Favatars で普通に表示させていたときに、orioaさんの favicon だけ大きく表示されていたので、どうしてかなあと思っていたんです。
    curoさんの書き込みを拝見して ! 、Favicon Validator で確認してみたら、32*32 pixelsのみが格納されていました。
    やっと謎が解けましたー。ありがとうございます～～～。p(^-^)q

    コメント by ぼの | 2006年12月24日 23:04

  5. こんな記事でもお役に立てたなら何よりです :grin:

    faviconの大きさに関してですが、WordPressプラグイン:Gravatarsと併用する場合、Favatarsで表示される faviconの大きさと異なるのがちょっと気になりますね。Gravatarsのアイコンは40*40pxですから、統一するのは難しいかな。

    でもこういうのって気になりだしたら止まらないですよね :neutral:

    コメント by curo | 2007年1月1日 15:01

  6. WordPress2.6.2にアップデートしたら、
    Favatars2.0は使えなかったです…。

    コメント by curo | 2008年9月14日 21:47

コメント記入欄