WordPressのfaviconを管理画面から簡単に設定する方法

WordPressのfaviconを管理画面から簡単に設定する方法を紹介します。

私も実は今まで普通にFTPでアップロードしたりしていたのですが、とても楽だったのでこれからは管理画面から設定すると思います。

スポンサーリンク

WordPressのfavicon設定手順

WordPressのfavicon設定手順1
まず、管理画面から外観>カスタマイズを選択し、カスタマイズページを開きます。

WordPressのfavicon設定手順2
カスタマイズの左側のメニューからサイトの基本情報を選択します。

WordPressのfavicon設定手順3
サイトの基本情報の設定画面の左側のメニューに表示される「サイトアイコンを選択」ボタンをクリックし、faviconに設定したい画像を選択します。
推奨サイズは512 × 512ピクセル以上の正方形です。
一枚用意すればあとは勝手にWordPress側で複数サイズに対応してくれるようです。超便利。

WordPressのfavicon設定手順3
画像を選択したら最後に忘れずにメニュー上部にある公開ボタンをクリックしてください。
これでfaviconの設定は完了です。

よくある質問(FAQ)

Q. WordPressでfaviconを設定するにはどこから行えばよいですか?
A. 管理画面の「外観」→「カスタマイズ」→「サイト基本情報」からサイトアイコン(favicon)を設定できます。推奨サイズは512×512px以上のPNG・SVG・ICO形式です。テーマによってはテーマオプションにfavicon設定がある場合もあります。
Q. faviconが変更後もブラウザに反映されない場合はどうすればよいですか?
A. ブラウザのキャッシュが原因の場合が多いです。Ctrl+F5(ハードリロード)またはデベロッパーツールで「キャッシュを無効化」してから再読み込みします。また、faviconのURLにバージョンパラメータを付けてキャッシュ回避する方法もあります。CDNを使っている場合はCDNのキャッシュパージも必要です。
Q. スマートフォン向けのアイコン(ホーム画面アイコン)もWordPressで設定できますか?
A. サイトアイコンの設定で512×512px以上を設定するとWordPressが自動的に各デバイス向けのサイズを生成します。apple-touch-iconはWordPressのwp_head()フックで自動出力されます。より細かい制御はhead内にmetaタグを追加するか、All in One SEOなどのプラグインを使います。