ファビコンの設置

ファビコンを設置してみよう

 「ファビコン」とは何じゃらほい、ですが、要はブラウザのページ名のタブの横に表示される小さな図形のことです。このページはバイキンのfaviconマーク、HAIK(QHM)のサイトなら青地にQマークが表示されていたはずです。
 これは、既定のものを使わなくても、自分で簡単に変更することが出来ます。

無料ツールを使うとすぐ作れる

 ファビコンを作る無料のページがインターネットを探すといくらでも出てきます。素材を提供しているサイトもあるので、それを使えば、何も別には用意する必要はありません。
 ファビコンの背景は透過になっている方がよいので、透過の背景が失われないように加工します。保存はPNG形式です。
 後は、リンクのようなファビコンを作ってくれるぺージにアクセスして、ファビコンを作ります。
 一般のホームページでは、できたzipの中で、favicon.ico というファイルだけを、表示希望のフォルダにアップロードします。それで、そのフォルダー以下のページのファビコンがすべてこれに変わります。

サイトアイコンという似た機能もある

 WordPressでは、「外観 > カスタマイズ > サイトの基本情報」に、サイトアイコンという似たようなことをするメニューがあります。WordPressのファビコンはここを設定しておかないと上の方法では反映されないようです。上の作業で512×512のファイルも出来ているので、アップロードしておけばよいでしょう。

設定が反映されない!

 上の様にしても、設定が反映されないことがあります。その場合、ファビコンを設定する前のキャッシュが残っていので、それを削除します。
 以下のショートカットキーでキャッシュをクリアしてみてください。

Shift + Ctrl + R
macOSをお使いの方は、Shift + Command + R
タイトルとURLをコピーしました