› ちょこっと試した備忘録 › 記事テンプレート › ファビコンを付ける
このブログで行っている変更部分は、「CUSTOMIZE」をクリックすると表示します

最近の記事

Powered by SEO

2009年08月27日

ファビコンを付ける

滋賀咲くブログのトップページ (IE8)Internet Explorer で滋賀咲くブログのトップページにアクセスしますと、滋賀咲くブログのファビコン(下の画像)が表示されます。

滋賀咲くブログのファビコン

(Windows + IE8 の表示です)


このブログのトップページこのブログの場合、IE のバージョンによっては滋賀咲くブログのファビコンに、IE のバージョンによっては、右のように IE のマークになっていました。

(わたしの今の環境、Windows Vista + IE8 では、滋賀咲くブログのファビコンが表示されていました)


このブログのトップページ (Google Chrome)IE 以外の多くのブラウザでは、このブログを表示させた時に、滋賀咲くブログのファビコンが表示されていたようです。

(Google Chrome での表示です)


IE のバージョンによって、このブログを表示させた時に滋賀咲くブログのファビコンが表示されない理由は、ファビコンの画像がブログサイトのルートディレクトリにないから、です。
(ファビコンの画像がルートディレクトリにないと、ファビコンとして表示しないバージョンの IE が存在するようです)

滋賀咲くブログのファビコンは、

 http://shiga-saku.net/favicon.ico
 (滋賀咲くブログのルートディレクトリ http://shiga-saku.net/ 直下)

にあるようなんですけれど。
この画像を、http://etc.shiga-saku.net/ という URL のこのブログから相対的にアクセスしようと思うと、

 ../favicon.ico
 (ルートディレクトリ http://etc.shiga-saku.net/ のひとつ上の階層)

に、なるんですね。
このブログの場合、ルートディレクトリではなく、ひとつ上の階層にファビコンが存在することになるので、IE のバージョンによっては、このブログを表示させた時に、ファビコンは表示されない! ということが起こるのです。

残念ながら IE では見ることができない場合があるんですけれど。
他の多くのブラウザ … 例えば、Google Chrome、Firefox、Safari、Opera などのブラウザではファビコンの画像がルートディレクトリになくても、他のサーバ上にあっても表示してくれますので、付けてみました。

設置の仕方は、こちら ↓ を参照ください。

+ 13. ファビコンを付ける/滋賀咲くブログで やってみよう♪ +
http://qrz.shiga-saku.net/e54850.html

ファビコン設置後 (Google Chrome)例えば Google Chrome でアクセスしますと、下の画像のようなファビコンが表示されるようになりました。

「ちょこっと試した備忘録」のファビコン






余談ですが。
ファビコンをサポートしている全ての IE でファビコンを表示させるには、

 ・ サイト(ブログ)のルートディレクトリにファビコン画像を置く
 ・ ファビコン画像は、Windows icon 形式にする

の 2 点を満たす必要があるようです。

Windows icon 形式のファビコン画像を作れるサイトとソフトを、紹介しておきます。

+ FavIcon from Pics +
http://www.html-kit.com/favicon/

+ @icon変換 +
http://www.towofu.net/soft/aicon.php

それでも表示されない場合は、IE のキャッシュと履歴をクリアし、起動している IE を全て終了させてから IE を起動させるといいそうです。


同じカテゴリー(記事テンプレート)の記事画像
アーカイブをフォトログ表示にする
ページ上部へするする移動させる
ページ上部への移動リンクを付ける
個別記事表示は、記事の先頭から表示する
タイトルバーに記事名を先に表示させる
ヘッダー画像をランダムに変える(画像リンク付)
同じカテゴリー(記事テンプレート)の記事
 アーカイブをフォトログ表示にする (2009-09-16 19:53)
 ページ上部へするする移動させる (2009-09-13 16:22)
 ページ上部への移動リンクを付ける (2009-09-13 08:27)
 個別記事表示は、記事の先頭から表示する (2009-08-29 16:48)
 タイトルバーに記事名を先に表示させる (2009-08-15 16:08)
 ヘッダー画像をランダムに変える(画像リンク付) (2009-08-12 22:32)