WordPressにファビコンを設置する方法

サイトのブックマークやブラウザのタブに表示される小さなアイコンを、ファビコンといいます。

必須ではありませんが、設定しておくとサイトの見た目が整い、ブックマーク一覧でも見つけやすくなります。特にChromeなどでは、アイコンだけでサイトを識別できるので便利です。

今回は、WordPressサイトにファビコンを設定してみました。

ファビコン画像を用意する

WordPressでは、正方形の画像を用意します。
サイズは 260×260ピクセル以上 が推奨されています。

今回は、PNG形式で作成しました。

WordPressで設定する

WordPressの管理画面から、以下の手順で設定できます。

1. 管理画面にログインする
2. 「外観」→「カスタマイズ」を開く
3. 「サイト基本情報」を選択する
4. 「サイトアイコン」から画像をアップロードする
5. 公開ボタンを押して保存する

これで、ブラウザのタブやブックマークにファビコンが表示されるようになります。

実際に設定してみた感想

設定自体はとても簡単でした。

小さいサイズで表示されるため、細かい文字や複雑なデザインは少し潰れて見えることがあります。
ファビコンに使う画像は、できるだけシンプルなデザインにした方がよさそうです。

サイトの印象も少し整うので、WordPressサイトを作ったら早めに設定しておきたい項目ですね。