Cocoon【ファビコン】の使い方・やり方（WordPress）

WordPressテーマCocoonでの
ファビコンの使い方・やり方、
設定方法について解説します。

参考記事
ファビコンとは
「ファビコン」使い方・やり方（Cocoon）
Cocoonでの「ファビコン」設定
ファビコン画像の変更（削除）
ファビコンが反映されない？
レビュー・感想

参考記事

サイトアイコンを設定する方法（ファビコン、アップルタッチアイコン等の設定）（公式）

ファビコンとは

ファビコンとは、
WEBサイトやブログのアイコンマーク。

ブラウザのタブやブックマークに、
このアイコンが表示されます。
あるいは検索結果で。

「favorite icon」の略で「favicon（ファビコン）」。

「ファビコン」使い方・やり方（Cocoon）

WordPressテーマCocoonでの
ファビコンの使い方・やり方としては、
画像を1枚だけ作成して、それを
Cocoonの中で設定するという流れ。

まずは、何らかの画像ソフトで
「512 × 512」pxのサイズで
正方形のPNG画像を作成してください。
単に写真だけでもいいでしょう。
これがファビコンになります。

WordPress管理画面にログインして、作ったファビコン画像を「メディアライブラリ」にアップロードしておくと後の設定がより簡単になります。

Cocoonでの「ファビコン」設定

Cocoonでの「ファビコン」設定は、
以下の通り。

（WordPress管理画面）
左メニュー
[外観]から
[カスタマイズ]をクリック

（カスタマイズ画面になる）
[サイト基本情報]をクリック

（「カスタマイズ中
サイト基本情報」
のウィンドウが開く）
「サイトアイコン」項目にある
[サイトアイコンを選択]をクリック

（※画像をアップロード）
画像を選択する。
（プレビュー表示になる）
右上の[公開]をクリック

ファビコン画像の変更（削除）

ファビコン画像の変更
もしくは削除するには、
設定時と同じような操作で
できます。

（WordPress管理画面）
左メニュー
[外観]
[カスタマイズ]をクリック
（カスタマイズ画面）
[サイト基本情報]をクリック
「サイトアイコン」項目が
プレビュー表示になっている。
下部にあるボタン
[削除]
または
[画像を変更]
をクリック

ファビコンが反映されない？

設定しても、
ファビコンが反映されない
ことがあります。

すぐに反映されず、
読み込みなどに時間がかかる
ことがあるのです。

ファビコンの設定をしてから、
しばらく待つこと。

または、キャッシュがあって
表示が古い情報のままなのかもしれません。

しばらくしても変化ないなら、
キャッシュのクリアをやってみる。

ブックマークなら、一旦削除して、
改めてブックマークするのも
有効かもしれません。

なお、検索結果だけは、
かなり時間がかかります。
反映されないのではなくて、
反映されるまでに時間が必要
なのだとお考えください。

検索結果でのファビコン表示に関しては、数日から数週間あるいはそれ以上かかることがあるかもしれません。検索ボットが回ってくるまで、そしてそれが認識されて反映されるまで時間がかかるからです。

実際にいくつかのブログやサイトでファビコン設定をやってみると、ブラウザのタブは直後、ブックマークは直後のものと数日後など。
検索結果だけは、直後は無理でした。
最速で2日後、その時点では他サイトは全くと言っていいほど反映されていません。
1週間後に大半は反映されたものの、全てではありません。
気長に待ちましょう。