MovableTypeのススメ TOP > MovableType > Faviconの設置方法(お気に入りアイコン)

2007年8月31日

Faviconの設置方法(お気に入りアイコン)

Faviconの設置方法(お気に入りアイコン)

Favicon を設置してみました。

Favicon、いろんなサイトで見かけますよね。

最初はこのFaviconの事をなんと呼ぶのかがわからず、どう検索して調べたらいいんだろ?って感じで戸惑いました。(苦笑)

FaviconとはFavorite Icon(お気に入りアイコン)の略でFaviconをあらかじめ用意しておくとアドレスバーのURLの先頭やブックマークにアイコンが表示されるというものです。

favicon_sample.gif



それでは設置の方法です。

1.アイコン画像作成
画像ソフトで16px × 16pxの画像を作ります。(GIF、JPG、PNGで作成)

2.favicon.icoファイルを生成
Favicon は .ico 形式である必要があるため下記サイトで変換・ダウンロード。

Favicon Japan

3.ファイルのアップロード
favicon.icoファイルをindex.htmlと同じ場所にアップロードします。

4.テンプレートの<head>~</head> に下記を追加・再構築
<link rel="shortcut icon" href="<$MTBlogURL$>favicon.ico" />

以上で表示されるようになります。


この記事は期待通りの内容でしたか?
はてなブックマークに追加 del.icio.usに追加 livedoor clip!へ追加 Yahoo!ブックマークに登録

トラックバックURL

このエントリーのトラックバックURL:
http://nosusume.com/mt/mt-tb.cgi/18

コメントする

※承認されるまでコメントは表示されません。しばらくお待ちください。