- いせき けんじ
- 株式会社ファーストニード
- ITコンサルタント
対象:ホームページ・Web制作
- 小菅 太郎
- (ITコンサルタント)
- 原島 洋
- (Webプロデューサー)
ファビコン(favicon.ico)を楽に設置する方法
-
Webデザイン
ファビコン(favicon.ico)
2008-03-11 11:00
favicon.ico をマルチアイコンとして作成する方法は
こちらに解説していますので、合わせてご覧ください。
↓
ファビコン(favicon.ico)を簡単に作成する
ファビコン設置方法1(ブログ向き)
link rel="shortcut icon" href="ファビコンまでのパス/favicon.ico" /
ブログ等の場合は、上記タグを
ヘッダーや、フリースペースに記述することで反映されます。
favicon.ico をサーバーにアップし、
そのファイルのURLを、上記タグの ファビコンまでのパス/favicon.ico に
挿入してください。
ブログなどの場合、全ページ共通部分に、タグ挿入することで、
全てのページに自動反映されるので簡単ですよ。
ファビコン設置方法2(Webサイト向き)
ファイル名 htaccess.txt として、テキストファイルを作ってください。
そのテキストファイルに以下のように記述し保存します。
AddType image/xicon .ico
<Files favicon.ico>
ErrorDocument 404 ファビコンまでのパス/favicon.ico
</Files>
(※)<、> は、小文字に直して記入してください。
次に htaccess.txt を、サイトのindex.html と同じ場所にアップロードして、
サーバー上で、ファイル名を、「.htaccess」に変更します。
これで、サイト内のページ全てにファビコンが反映されます。
うまくいかない場合は、
サーバー側で、.htaccess の動作が許可されているかどうか確認してみてください。
ファビコンを設置しても、反映されない場合は?
ファビコンが反映されない場合は、ブラウザの履歴を削除しましょう。
IE7 の場合:
ツール - インターネットオプション - 全般タブ - 閲覧の履歴 - 削除
と進み、
・「インターネット一時ファイル」 ファイルの削除
・「履歴」 履歴の削除
削除後、ブラウザを再起動させて確認。これで大丈夫だと思います。