faviconを変更する

Magentoをインストールしてからずっと気になっていたのが faviconである。

faviconは、アイコンの一種で、ブラウザのタブやアドレスの左側に表示される。

↑ このアイコンがfaviconで16×16ドットのアイコンである。

これを変更してみる。まずは新しいfaviconを作成する必要がある。
最近では作成方法や関連したフリーのソフトなども出ているのでここでは新たなfaviconがあることを前提とする。
faviconに関して興味のある型はgoogleで検索してみると非常に多くの情報が出てくるのでそちらを参照願いたい。

さて元々入っていたfaviconのデザインは、

このような図柄である。これを下記の様なデザインのものに変更してみたい。

まずは現在表示されているfaviconがどこのフォルダから参照されているのか見てみたい。

トップページのページソースを表示してみる。

ブラウザがFirefoxであれば、

表示 > ページソース

で現在ブラウザに出ているHPのソースを閲覧できる。

その中にある2行に注目する。

上記からも判るとおり、

~/skin/frontend/default/default/favicon.ico

というディレクトリにあるfaviconを参照している。

つまりこれを削除して同じ名前で新しいfaviconをFTPでここに送ってやればよいわけだ。

FTPでUPしてもブラウザ上はすぐに結果が反映されない。キャッシュなどに以前のデータが残っておりそこから読み取ってくるからである。

対策として、

  • ブラウザのキャッシュをクリアにする。
  • Magentoの  システム > キャッシュ管理 でキャッシュを停止する。それから他のキャッシュもクリアにする。

上記[1]を押して選択し、[2]の「無効」を選択してから[3]の「送信」ボタンを押す。
さらに[4] [5] [6] [7] のボタンを押す。

この作業が終わったらもう一度ブラウザを再起動してみよう。

アドレスとタブの両方のファビコンが新しいものに替わった。

キャッシュの為なかなかすんなりといかない事が多いので、ブラウザのキャッシュクリアを何度かする必要がある。

faviconがちゃんと変更されたら、Magentoのキャッシュは元通り「有効」に変更しておく。

About


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です