お気に入りに追加された時にアイコンをかえる
ユーザーがあなたのサイトをお気に入りに追加すると、通常ではアドレスバーの左側に IE のアイコンが表示されます。
しかしお気に入りアイコンの設定をした場合には、あなたのえらんだオリジナルのアイコンを表示する事ができます。(IE5.0以上)
当サイトのトップページをお気に入りに追加していただくと、下のようになると思います。
アイコンは .ico という拡張子のファイルで、一般的な画像ファイルの .gif や .jpg とはちがいます。まずはお好みのアイコンファイルを入手してください。「アイコン」や「ico」などのキーワードで検索すると、アイコンファイルを公開しているサイトが見つかると思います。
※ 単純に画像ファイルの拡張子を .ico にかえてもだめなようです。
そのサイトの規約などに基づきダウンロードして、あなたのHPのディレクトリに favicon.ico という名前で保存します。そしてHTMLソースのHEAD区間に下のソースを加えます。
ソース
<LINK REL="SHORTCUT ICON" href="http://www.sky.sannet.ne.jp/masapine/favicon.ico">
 上の場合、保存した favicon.ico と同じディレクトリのページがお気に入りに追加された場合に、このアイコンが使われます。これはアイコンファイルに favicon.ico という名前を使っているからです。(アイコンファイルは必ずこの名前にしてくださいね)
※ http://www.sky.sannet.ne.jp/masapine/ の部分は、あなたのHPのアドレスにかえてください。
ソースの文字をかえる時に、" や ; を消してしまわないようにしてください。
あるページだけのお気に入りアイコンをかえるには、下のようなソースにします。
ソース
<LINK REL="SHORTCUT ICON" href="http://www.sky.sannet.ne.jp/masapine/icon/java.ico">
このソースは、このサイトのように icon というフォルダに java.ico という名前のアイコンファイルを保存している場合です。このタグのあるページがお気に入りに追加された場合に、指定したアイコンが表示されます。(ファイル名は自由に付けることができます)
また、自分の好みの画像をアイコンファイルに変換してくれるソフトもあるようです。 Vector などで「アイコン」等のキーワードでさがすと見つかると思います。それらを使って、自分のサイトだけのオリジナルアイコンが表示できたらいいですね。
なお、環境によってはアイコンがすぐに元に戻ってしまったりするケースもあるようです。このような場合の対処についてはこちらではわかりませんので、その辺りはご了承くださいね。
5・6年生にもわかるやさしいJavaScriptのTOPへ