自分のブログがブラウザで表示されたときに、タイトルのところにオリジナルアイコンが表示されるとうれしいですよね！というわけで、新しいブログにオリジナルのfavicon.icoを設定してみました。

Favicon（ファビコン）って何？

faviconというのは、マルチアイコンと呼ばれるもので、ブログなどのサイトをブラウザで表示させた時に、ブラウザのサイトタイトルを表示しているところにチョコンと表示されるアイコンです。

例えば、今回のお題にしているWordPress無料テーマのGush2をインストールすると、自動的にこのような表示になります。

「ｇ」と表示されている部分が「Favicon」です。SiSO-LABもオリジナルのものに変更しています。

Faviconには、複数サイズの画像が保存できるようになっており、ブラウザ等が表示する時に適宜必要なサイズのものを選んで表示してくれます。

保存しておく画像サイズは、一般的には小サイズ（16×16）、中サイズ（32×32）、大サイズ（48×48）の3種類となります。最近は128×128なんてのもあったような気がします。

favicion.icoの作成方法

PNGファイルからfavicon.icoを作ってくれるサービスがインターネットで公開されていますので、今回もこれを利用して作成しました。

ファビコン作成。favicon.ico 無料で透過マルチアイコンが作れます。

まずは各サイズのPNG形式の画像ファイルを作っておきます。透過指定もできますが、256色で作成してください。

後は先の「favicon.icoを作ろう」にアクセスし、各画像ファイルをアップロードし、favicon.icoを生成します。

SiSO-LAB立ち上げ時に書いた記事でちょっとまとめていますので、よかったら参考にしてください。

やっぱり簡単だった！無料で透過マルチアイコンを作る方法。サイトにFaviconつけてゴキゲン。 2014-05-11

重ねて書きますが、PNGファイルは256色にしないとうまく行きませんでした。

Gush2にオリジナルfavicon.icoを設定

favicon.icoも出来上がったということで、早速、Gush2に設定してみます。設定方法は簡単で、各テーマの画像ファイルが入っているディレクトリに保存するだけです。ローカル環境の場合であれば、コピーするだけですし、サーバでしたらFTPでアップロードします。

ディレクトリはテーマがGush2だった場合、以下のようになります。

favicon.icoを上書きしてもサムネイル表示が変わらない

現在カスタマイズしているのはWindows上のローカル環境、というわけで上書きコピーしてみました。

あれ？上書きコピーしたのにエクスプローラの表示が変わりません。

実は、以前もこんなことがあってしばらく放っておいたら直ってました。どういうタイミングで変わるんでしょうね？試しにブラウザでブログを表示してみると、ちゃんと新しいfavicon.icoの表示に変わっています。

いつの間にかfavicon.icoのサムネイル表示は更新されるみたい

このカスタマイズ操作をしていたのは先月なのですが、先ほどイメージファイルが入っているフォルダを見てみたら、ちゃんと現在のfavicon.icoイメージに変わっていました。不思議ですが、アイコンファイルなのでOS内のキャッシュやら何やらいろいろ絡んでいるのかもしれません。

今日の一言二言三言

ファビコンの　サムネイルって　いつの間に

更新されるの？　不思議な感じ

我が家のWindowsはWin7ですが、まあ、そんなわけで、エクスプローラでfavicon.icoを表示させたら古いままだった！なんて時は、焦らずに放置してみてください。また、ブラウザで表示する時は、ブラウザのキャッシュをクリアしてから表示すると、新しいアイコンが表示されます。

WordPress初心者がブログを作るよ♪テーマは無料のGush2！

WordPressを使い始めて約９か月になりますが、もう１つ新しいサイトを立ち上げてみました。初めての時は試行錯誤の連続でひどいものでしたが、今回は、以前よりはもうちょっと整理した状態で作業内容をまとめながら進めたので、テスト用環境構築からGush2のカスタマイズまで連載記事にしてみました。

• WordPress初心者がGush2をカスタマイズしてブログを作るよ♪ – まとめ