アイコンを格納する

以下の方法は、IE5のゲストのみ閲覧可能です


 
  とても不安定な、IEの機能だが……
このページで解説する「お気に入り用アイコン格納」は、IE5以降のゲストに対してのみ有効です。
公式な情報はここここあります。

ですが、この機能は非常に不安定で、急に見えなくなったり、
変更が反映されなかったりする、不確定な要素もあります。
また急に復活することもあります。

より安定な方法……
ゲストの1人1人に、お気に入りアイコンを変更させる
というプロモーション活動を、同時進行することをお奨めします。
ダウンロードさせようの項目で解説しています)

しかし、やらないよりやった方がマシですよね。
IE6や7ではこの機能がより安定することを願って……

追記:IE6はもちろん、ネスケ7にも対応しています!詳しくはこちら
 
  アイコンのファイル名を”favicon”に変える
アイコンのファイル名を任意の名前にします。
ここでは仮にfavicon.icoとします。(拡張子を含めると、favicon.icoです)

注!「favicon」でないほうがよいです!
同じファイル名のアイコンだと、うまく格納されないことがあります。
つまり、みんなのサイトが「favicon.ico」なので、うまく表示されないのです。
なるべくカブらないような、自分のサイト独自のファイル名を付けましょう!!

うまくアイコンが表示されない理由のひとつがこれだと思います。
おそらくアイコン情報を格納するシステムの問題なのでしょう。
同じファイル名だと見分けがつかないようです。
これはakrが血と汗と涙で探り出した不確定情報です。(ははは)
少なくともローカルではそうでしたので、きっとそうでしょう。詳しくはこちら
 
  HTMLコードを挿入

トップページのHTMLの<head>〜</head>の間に
次のコードを挿入します。コピーペーストしてください。
もちろん、赤色の部分は変更します。

<link rel="SHORTCUT ICON" href="favicon.ico">

次に、アイコンファイルをトップページと同じフォルダに置きます。
以上で完成です!
 

  ページ毎にアイコンを設定するには
<link>タグを挿入しなくても、そのフォルダにあるfavicon.icoがお気に入りアイコンになります。
ゲストが「お気に入りに追加」した時に、
IEは自動的にそのフォルダにある"favicon.ico"を探し、ダウンロードし始めます。
ですからアイコンファイル名が「favicon」であるとき、<link>タグは特に要りません。
しかし、<link>タグを挿入した方が、アイコンが正しく表示される確率が高いようです。

また、「favicon」というファイル名は既に多くのサイトで採用されているので、
これらとの重複を回避する上でも、ファイル名を指定するために<link>は入れた方がよいです。
<link>タグでアイコンのファイル名を指定してやれば、
アイコンはどんなファイル名でもよいわけです。ページ毎に別個のアイコンを指定することも可能です。

ページ毎に設定したい場合は、アイコンを複数用意し、
先ほどの<link>タグを毎ページに付ければOKです。もちろん、
<link rel="SHORTCUT ICON" href="../favicon.ico">
のようなパス指定でも可能です。詳しくは、こちらを参照して下さい。 。
 

トップページに戻る
 
次のページに進む