favicon.icoを表示したい!

WordPressのカスタムをしながら、ずっと気になっていることがあった。

faviconの設定が無いし、その関係のプラグインもインストールしていないのだけど、
知らないアイコンが表示されていた。
いや、気づくと変わっていたと言うべきかな。

なので、以前、別のサイト用に作ったfaviconを利用することにして、
とりあえず、普通の設定を行った。

WordPressも一般のhtmlと同様に、ルートディレクトリーにfavicon.icoのファイルネームで
画像を用意することで、表示されるという話なので、保管してあったオリジナルのpngから
あらためて作り直した。

今回のアイコンは16x16で十分というより、その方が味があって面白いので、
128x128で用意していたものをweb上のpng⇒ico変換サービスで変換した。

favicon.ico Generatorなどがアップロードと編集が同じ画面で行えるので非常に便利だ。

ところが、WordPressのインストールフォルダーにアップロードしても、画面の表示が変わらない。

もちろん、IEのツール→オプションから、一時ファイルと履歴は削除しているが、
同じアイコンしか表示されなくなってしまった。

しかたなく、いくつかのfavicon用のプラグインを試してみたが、まったく同じ。

原因の切り分けのために、試したプラグインは、offにして、いちおう選択している
テーマファイルのヘッダーに、おまじないは書いておいた。

<link rel=”shortcut” href=”favicon.ico” /> 
というヤツだ。さて、ここで途方にくれたので、なんだかんだと気分転換をしてから、もう一度、
考え直して、何か影響しているものは無いかと調べてみた。すると、テーマファイルのひとつにfavicon.icoが入っていて、そのアイコンが表示されていることが判った。

 
選んでいるテーマではないし、なぜ表示されるのか不思議だった。
なんせヒヨッコですから、テーマファイルでfaviconまで影響されるとは思っていなかった。

実際には、先ほどまでWPのルートにfavicon.icoは存在していなかったので、何らかの
方法で、このテーマが影響していると推測した。
そこで、自前のfavicon.icoと、そのテーマファイルのfavicon.icoを入れ替えて、テーマの
切り替えを行った。動きが重く、しばらく待つと、ここでエラーが出たのだが見逃してしまった。

再度、ログインし直してから、テーマを他のものに変えて、IE7で確認すると、目的の
faviconが表示されていた。
またしても結果オーライである。

オリジナルの画像データは保管してあるので、邪魔をしていたテーマを削除して、
しばらく様子を見ることにする。

それにしても無知は怖い。さらにテーマって色々と変えられて便利なものだと痛感した。

結局、最終的なfavicon.ico表示の処理内容は、WPのルートにfavicon.icoの名前で
16x16のファイルを置き、使用しているテーマファイルの<head>~</head>の間に
先ほどの、おまじないを書き込んだだけで表示されている。

プラグインについては、現状で利用していないが、処理内容がプラグインによって
異なるので、色々と調べてから導入してみたいと思っている。