faviconについて
favicon(ファビコン)とは、そのサイト独自のアイコンのこと。IEだと、お気に入りに入れたとき、そのサイトが自分のfaviconを置いていれば、お気に入りを開くと、アイコン付きで表示される。それと、アドレスバーのところに、URLの左隣にアイコンが表示される。
どうやってそんなことやんの!?ってわけで調べて、作って、設置してみました。
多分、アドレスバーとかのあたりを見ると表示されている?はず。
IE以外の人とかだとどう表示されているのかはちと分かりません。
faviconの作成
方法としては、1)出来合いの素材サイトのものを使う(一番早いはず)
2)使いたい画像でアイコンを自動作成してくれるサイトで作成する
3)ツールを使って自分で作る(今回説明対象)
1)については例えば以下サイトでダウンロード
・FAVICON屋
・ファビコン配布サイト
2)については例えばFavicon Japanなど
3)は私が実際に行った方法です。
・KH IconStudio2001 Standard Edition をダウンロード
・インストーラをダブルクリックしてインストール
・起動してみる
・上に書いてあるコードと同じのを入力すると、以下画面になる
・「ファイル」→「新規作成」で以下画面が出たら、「16×16」にする
(例)
・「ファイル」→「名前を付けて保存」で適当な場所に保存する
アイコンを表示するように設定
・FTPツールで自分のWEBサイトにアップロードする(index.htmlやindex.phpなどがあるディレクトリでよい)・トップページの<HEAD>~</HEAD>に以下記述を入れる
<link rel=”shortcut icon” href=”favicon.ico”>
※MovableTypeの場合は、インデックステンプレートで「メインページ」のテンプレートを開いて、上記と同じ記述を入れればオッケー
表示させてみる
ブラウザを一旦終了させ、もう一度開いてみる。自分のページを表示させれば、きっと作ったアイコンが表示されているはず上記のことをやるだけで、トップページだけじゃなく、他のページもMovableTypeの管理画面も自作アイコンが表示されるようになった。気分が出て、いいかも!?
トラックバックありがとうございました。
僕は、Mac Safariで見ています。faviconはしっかり表示されています(笑)
コメントありがとうございます。

やっつけで30秒くらいで作ったfaviconなので、もうちょっとちゃんとしたやつ作ろうかな。。