2014年9月12日金曜日

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

1)元の画像を作成する


ファビコンとはIEのお気に入りの時に頭につく小さい正方形のアイコンです。
GoogleChromeのブックマークの時にも出てくるし、サイトを覚えて貰いやすくなるので設置することをオススメします。

ファビコンは16ピクセル×16ピクセルという超小さいアイコンなので、すごく小さくなっても判別できるような単純な画像、マークのようなもの。ロゴなら最初の一文字だけにするとか・・・がオススメです。

元の画像は、正方形で少し大きめで用意しておくと良いと思います。
例では250px四方のpng形式で作りました。




2)こちらにアクセスして、アップロードします





3)出来たファイルをサーバーの、HPのデータがある一番上の階層にアップします



ファイルはfavicon.ico
という名前で作成されます。この名前は変えないこと。
ファイルをアップロードする場所は、ホームページのルート(一番上の階層)です。







4)HTMLの から の間にコードを入れアップします

★のところにドメイン名





5)このように表示されます




7)ネットショップの場合

上記の見本サイトはネットショップなので、ショッピングカートASPを利用しています。
この場合はHTMLに直接記述してサーバーにアップすることはできないので、管理画面から設定する方法をとります。

おちゃのこネットで作りました

ショップ基本設定 >メタタグ設定 >ヘッダー
ここに記述します



アカウントIDの部分は、この場合、itoigawahisuiになります





favicon.icoは、画像管理画面にて、コンテンツフォルダにアップロードします。




《モモンガよりお得な情報》

かなりカスタマイズがやりやすいです。この値段でここまで改造できるのはコストパフォーマンスが
goodです。 上記のリンクをクリックしたあとに、右上の赤いボタンから、お試し登録が出来ます。
お試し登録は毎月20日が締め日なので、
21日に登録すれば、まるまる1ヶ月無料で試せます。





webの森のFBページへも来て下さい