WordPressにファビコンを設定する3つの方法

WordPressにファビコンを設定する3つの方法をご紹介します。

管理画面から設定する

WordPress 6.5以降では、以下の手順で設定できます。

管理画面「設定 ＞ 一般設定」より、
「サイトアイコンを選択」をクリックし、512px × 512px以上の画像をアップロードします。

「変更を保存」をクリックして完了です。

クラシックテーマ、ブロックテーマいずれでも同様に設定可能です。

設定後のソースコード例：

プラグイン「Favicon Rotator」を使用する

ファビコンとAppleタッチアイコン*を別々の画像に設定したい場合に便利です。

*Appleタッチアイコン：iosホーム画面追加時に表示されるアイコン

設定方法

プラグイン「Favicon Rotator」をインストール・有効化します。

有効化後、左メニューの「外観」内に「Favicon」メニューが追加されるのでクリックします。
Browser Icon/strong> 横の [Add Icon] からファビコン画像を設定、
Touch Icon/strong> 横の [Set Icon] からタッチアイコン画像を設定します。