Home > Favicon > | MovableType > | 便利覚書的な > | 早めにやること > ファビコンを設置

ファビコンを設置

Posted by: nboze
2009年12月17日 13:02
Favicon | MovableType | 便利覚書的な | 早めにやること

Photoshopにて正方形の画像を作成し（gifとかpngとかjpgとかで可）

自動生成サービスにて変換
http://www.chami.com/html-kit/services/favicon/

このサイトで参照ボタンからさっきPhotoshopで作成した正方形の画像を選択し
Generate FavIcon.icoボタンを押下

サンプルが表示された画面から

What else you can do:

の項目の

Download only favicon.ico
リンクをクリックして表示された原寸アイコンを右クリックにて画像を保存でダウンロード

ダウンロードが終わったら、FTPソフトにて保存したアイコンをルートへ保存する

MovableTypeでは管理画面より
デザイン＞テンプレート＞メインページから
右ペインの共通Head内要素リンクをクリックしそのテンプレート編集画面にて

<link rel="shortcut icon" href="favicon.ico" />

を挿入

あとは確認をする時だが、すぐに反映されない場合が普通なので気長に待つ。
ブラウザを起動しなおしたりでなんしか10分くらいかかった