【作業メモ】ファビコンの変更（Stinger3）

こんにちは。

ブログのファビコン画像をWordPressテーマのデフォルトから変更しました。その作業メモです。

次の3ステップです。

順に説明していきます。

前置きです。

WordPress のテーマにStinger3 を使っています。ファビコンの画像については、デフォルトのままで特に手を加えていませんでした。オリジナルを用意するだけのやる気がなかったからです。

しかしStinger3 を使う人が増え、他のブログでデフォルトの同じファビコンを見る機会が何度かありました。

デフォルト画像から変えていないのだから当たり前なのですが、それが自分のブログと同じってなんかイヤだなと思ってしまったので、オリジナルの画像に変えることにしました。

オンラインで作成できるページがいくつもあるようです。

僕はwww.genfavicon.com を使いました。こちらのサイトで以下を行います。

ファビコン画像のモチーフは、鴨川シーワールドのシャチです。

FTP クライアントを使い、ブログテーマのimage ディレクトリにアップロードします。デフォルトのファビコンと同じ格納場所です。

header.php のファビコンのパス指定を、アップロードしたファイル名である
<link rel=”shortcut icon” href=”……/favicon.ico“>

に変更します。

僕の場合、子テーマを使って多少のカスタマイズを加えているので、子テーマ側のheader.php が修正対象です。

ただしステップ２．でアップロードする前に、作成したファビコン画像ファイルの名前を、デフォルトと同じ「rogo.ico」にして上書きすれば、こちらのheader.php の修正作業は不要であるはずです。

そう思って当初、作成したファビコンのファイル名をrogo.ico にして差し替えてみたのですが、うまく反映されていませんでした。

ローカル環境で表示確認すると、ちゃんとファビコンが差し替わっていましたから、表示の高速化を狙ったプラグインだとかのせいでサーバサイドでキャッシュが利いているのだろうと思います。

それですぐに反映できるように、こちらの手順３．を加えることにしました。

あと、名前だから何でもいいのですが、ロゴならスペルはlogo だろうというのもあります。

ブラウザでブログを閲覧して確認します。新しく指定したファビコンが出てきました。

作業にあたってはこちらを参考にしました。ここよりも丁寧に書かれています。

以上です。