−★favicon.icoを自分のホームページにつける★−
通常お気に入りに追加をすると、URLの左にアイコンが表示されますが、たまに自作のアイコンが現れるページがあります。ここではブックマークアイコンを自作のアイコンにしたいそんな人のために優しく分りやすく書いた手引き書です。どうぞお役に立てて下さい。
★ブックマークアイコンとは? 又は、favicon.ico?>★
ブックマークアイコンとは、のことです、詳しくはよく分りませんがInternetExplorer 5.0
から追加された機能だそうです。そのためIE5.0以上で作動しますので必ずIE5.0以上をお使い下さい。
★アイコンの作成★
まずアイコンの作成ですが、アイコンはペイントの書類の拡張子
.bmpを.icoに書き換えた物では作動しません。必ず、アイコンエディタ等を使ってアイコンを作成するか、アイコンを無料で提供しているサイトなどで入手するのも良いでしょう。
私はシェアウェア( 2,000円/試用期間は20日間 ) のOoあいこん Ver2.03で作成しました。
検索エンジンで検索するとフリーウェアソフトなどもあります。初めはフリーウェアソフトで作成していたのですが、ブックアイコンはかなり小さくなるので、出来るだけ元の絵を生かす為にシェアウェアソフトにしました、これだと配色が256色です。こだわらなければフリーウェアーでも充分使える物もあります。
★ブックマークアイコンの変更の仕方★
※上記で作成したアイコンのファイル名は、favicon.ico としてください。
次にFTPで、favicon.ico をサーバへアップロードします。この時、表示したいページ(普通はトップページ)と同じディレクトリにアップロードして下さい。index.html
の ブックマークアイコンとして
favicon.ico を表示したい場合は、この2つのファイルを同じディレクトリに置きます。
以上の手順ですれば上手くいくはずなんですが、私のはアイコンが表示されませんでした。
上記のやり方でもし表示されなくても大丈夫です、そういう人が多いみたいなんです。なぜかこの機能は、いつも上手くいくとは限らないようです。そんな人のためにそれ以外のやり方を以下に説明します。
★上のやり方でダメだった場合には、表示したいページ(普通はトップページ)に下のタグを付けて下さい。(
HTMLの<HEAD>〜</HEAD>のタグの間に以下の行を追加します。)
<LINK REL="SHORTCUT ICON" HREF="http://アイコンを置いた場所/favicon.ico">
※ 私の場合は
<LINK REL="SHORTCUT ICON"
href="http://www3.wind.ne.jp/asama/favicon.ico">となります。
この時アイコンをFTPであなたの任意の場所にアップロードするのを忘れないで下さい。結構うまく行かないとあせって忘れてしまいます。 転送はバイナリモードで行うそうです。
★アイコンの表示の仕方★
以上のことが出来たらちゃんと出来たか試して見ましょう。
ブックマークアイコンを表示させる為には、ブックマークの登録が必要です、登録済の場合は再登録 [お気に入りに追加] が必要になります。
ブラウザ(IE5以降)で登録したいページを表示し、[お気に入り]
から [お気に入りに追加] を選択して、登録を行って下さい。
ブックマークにアイコンが表示されるはずです。最初から表示されればあなたはラッキーですー★ー★。
※このページを[お気に入り]から[お気に入りに追加]
を選択して、登録をしてみて下さい。
が表示されます。たぶん・・・・・・・大丈夫?。
★ページごとに違ったブックアイコンを表示させる方法★
※このやり方ならページごとに違ったブックアイコンを表示させることが出来ます。
その場合で同じディレクトリにfavicon.icoを置く場合は名前を変えて置くことです。
<LINK REL="SHORTCUT ICON" href="http://www3.wind.ne.jp/asama/abcd.ico">の様にicoの名前を好きな名前に変えます。
このページを読んで上手くブックマークにアイコンが表示される様になったでしょうか。
なかなか私も始めは上手くいきませんでした。色々書いてあるページを読んでやったのですが書いてあることが難しくて、そこで私が分りやすい物を作ろうと思ったのです。
※
このページを読んで上手くブックマークにアイコンが表示される様になったら幸いです。
それではガンバッテ下さい。
※注意このページはベースの文字をライトグレーで書いてあるため、読みずらいかも知れませんが下のボタンで印刷して、ご利用下さい。印刷してみたら十分良く見えます。
※ファビコンQ&Aを設置しました。困ったら見てみてください。
※上手に出来たらお礼のお言葉を掲示板までお願いしますね!!
←ファビコンについてお困りの方どうぞ。件名を選択してフォームからご質問下さい。