外部リンクにfaviconを

公開日： 2007年6月22日金曜日 favicon WordPress 外部リンク

ニンブロラボ. 外部リンクにアイコンを を参考にして、アイコンを表示させようと思いましたがちょっと待てよ、と・・・。

そういや WordPress 関連でいろいろ検索していたときに外部リンクに favicon を表示させるものがあったような・・・。

と思ったらいつもお世話になっている power source* さんにありました。

power source* » WP: 外部リンクに favicon 表示 - Favicon API javascriptライブラリ＋Link Indication Plugin
#設置方法もこちらを参考にしました。

さっそく配布元からダウンロードさせていただきます。
Favicon API javascriptライブラリ | jigelog

私は『[tr]外部リンクにサムネイル』で、class="linkthumb" を使用しているのでそのままこの class を使用するようにしました。

ダウンロードさせていただいた、faviconapi.js をこんな感じに。
[javascript num=21] // Please change the following.
{
name: 'linkthumb_m',
size: 'm',
def: 'f',
margin: '0 0 0 3px',
padding: '0 0 2px 19px',
background_color: '',
background_position: '1px 3px'
},
{
name: 'linkthumb',
size: 's',
def: 'f',
margin: '0 0 0 2px',
padding: '0 0 2px 16px',
background_color: '',
background_position: '1px 3px'
}
[/javascript]

size は s の方を使う前提です。 m の方は使いません。
なので s の方の name をサムネイル表示の class に合わせて linkthumb に。

background_position は横方向はいいとして、縦方向は中央に揃えたいので 50% に、、、してたんですが、リンクテキストが複数行になるとおかしくなってしまうので 3px に・・・。
なんかいい方法はないものか・・・。

とりあえず、これで外部リンクに class="linkthumb" をつけておけば、favicon が表示されてマウスオーバーでサムネイルも表示されるようになりました、と。

//

[2009-03-05]
Favicon API が休止したため別の方法で。
[tr]外部リンクにfaviconを #2

[2009-08-31]
別の方法がうまくいってなかったのでまた別の方法で。
[tr]外部リンクにfaviconを #3