おちゃのこ通信 Vol.99 - デザイン道場 - おちゃのこネットメールマガジン

このコーナーでは、テンプレートのカスタマイズについて、実際のサンプルページを元に紹介していきます。

皆さん、こんにちは。おちゃのこネットの刑部です。
今回のデザイン道場は、お気に入りアイコンfavicon.icoの設定方法を紹介します。

faviconについては、ブラウザやキャッシュ状況により表示されない場合や変更しても反映されない場合があります。表示されない場合は、一度ブラウザのキャッシュを削除してご確認下さい。

■各ブラウザの対応表は下記をご覧下さい。
http://www.favicon.jp/

favicon.ico画像を作成する

下記のサイトでアイコン用画像を作成して下さい。
元のアイコン用画像は、GIF、JPG、PNG形式の画像をご利用下さい。
http://tools.dynamicdrive.com/favicon/

1.「参照」をクリックして画像を選択して下さい。
2.選択後、「Create Icon」ボタンをクリックして下さい。
3.プレビューイメージの下に、「Download Icon」ボタンが表示されますので、クリックしてパソコンに保存して下さい。

favicon.icoという画像になります。
※ファイル名は必ずこのファイル名にして下さい。

画像ファイルをアップロードする

管理画面→デザイン管理→画像専用管理画面をクリックして下さい。

コンテンツフォルダをクリックし、作成した画像をアップロードして下さい。

メタタグ設定ヘッダー欄にfavicon.icoを指定する

管理画面→ショップ基本設定のメタタグ設定の【ヘッダー】に下記のタグをコピーし貼り付けて下さい。※記載いただく際は、改行を削除して記載して下さい。

アカウントID部分
について

ご利用のアカウントIDに変更して下さい。
独自ドメインの場合は、独自ドメインで設定いただいても結構です。

なお、お問い合わせは下記ページからお願い致します。