RECENT POSTS

TWITTER UPDATES

faviconについて

favicon(ファビコン)とは、そのサイト独自のアイコンのこと。
IEだと、お気に入りに入れたとき、そのサイトが自分のfaviconを置いていれば、お気に入りを開くと、アイコン付きで表示される。それと、アドレスバーのところに、URLの左隣にアイコンが表示される。
icon05.JPG
どうやってそんなことやんの!?ってわけで調べて、作って、設置してみました。
多分、アドレスバーとかのあたりを見ると表示されている?はず。
IE以外の人とかだとどう表示されているのかはちと分かりません。嫌な感じ

faviconの作成

方法としては、
1)出来合いの素材サイトのものを使う(一番早いはず)
2)使いたい画像でアイコンを自動作成してくれるサイトで作成する
3)ツールを使って自分で作る(今回説明対象)

1)については例えば以下サイトでダウンロード
FAVICON屋
ファビコン配布サイト
2)については例えばFavicon Japanなど

3)は私が実際に行った方法です。
KH IconStudio2001 Standard Edition をダウンロード
・インストーラをダブルクリックしてインストール
・起動してみる
icon01.JPG
・上に書いてあるコードと同じのを入力すると、以下画面になる
icon02.JPG

・「ファイル」→「新規作成」で以下画面が出たら、「16×16」にする
icon03.JPG ・好きなデザインでアイコンのデザインをする
(例)
icon04.JPG
・「ファイル」→「名前を付けて保存」で適当な場所に保存する

アイコンを表示するように設定

・FTPツールで自分のWEBサイトにアップロードする(index.htmlやindex.phpなどがあるディレクトリでよい)
・トップページの<HEAD>~</HEAD>に以下記述を入れる

<link rel=”shortcut icon” href=”favicon.ico”>

の場合は、インデックステンプレートで「メインページ」のテンプレートを開いて、上記と同じ記述を入れればオッケー

表示させてみる

ブラウザを一旦終了させ、もう一度開いてみる。自分のページを表示させれば、きっと作ったアイコンが表示されているはずbiggrin
上記のことをやるだけで、トップページだけじゃなく、他のページもの管理画面も自作アイコンが表示されるようになった。気分が出て、いいかも!?

こちらもご一緒にどうぞ!

2 Responses

  1. はらだ より:

    トラックバックありがとうございました。


    僕は、Mac Safariで見ています。faviconはしっかり表示されています(笑)

  2. Kazu より:

    コメントありがとうございます。

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

Leave a Reply

Kazuizm は WP Super Cache でキャッシングされているおかげで Digg に耐えられます