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

WordPress

WordPressのfavicon（サイトアイコン）を管理画面の「外観→カスタマイズ→サイト基本情報」から設定する手順と、推奨サイズ・形式、設定したのに反映されない時の対処（キャッシュ・バージョンパラメータ）、wp_headでの自動出力やapple-touch-iconまで解説します。

2022.09.112026.06.27

WordPressのfavicon（ブラウザのタブやブックマークに表示される小さなアイコン＝サイトアイコン）は、FTPで画像をアップロードしなくても管理画面から数クリックで設定できます。この記事では設定手順と、推奨サイズ・形式、設定したのに反映されないときの対処法までまとめます。

この記事でわかること

管理画面（外観 → カスタマイズ → サイト基本情報）でのfavicon設定手順
推奨サイズ・形式（512×512px以上の正方形）
設定したのに反映されない時の対処（キャッシュ・バージョン付与）
WordPressが wp_head() で自動出力するタグ・apple-touch-icon

WordPressのfavicon設定手順
faviconが反映されない時の対処法
WordPressが出力するタグと手動での追加
よくある質問（FAQ）
まとめ

WordPressのfavicon設定手順

管理画面から 外観 → カスタマイズ を選択し、カスタマイズ画面を開きます。

カスタマイズ画面の左側メニューから「サイト基本情報」を選択します。

「サイト基本情報」の「サイトアイコンを選択」ボタンをクリックし、faviconに設定したい画像を選びます。

推奨は512×512px以上の正方形
サイトアイコンは512×512ピクセル以上の正方形が推奨です。1枚用意すれば、WordPressがタブ用（32×32）・スマホ用（180×180）など各サイズを自動生成してくれます。形式はPNGが扱いやすく、ICO・SVGも利用できます。

画像を選択したら、最後に「公開」ボタンをクリックして反映します。これで設定は完了です。

faviconが反映されない時の対処法

多くはキャッシュが原因

ハードリロード（Windows: Ctrl + F5 / Mac: Cmd + Shift + R）
デベロッパーツールを開き「キャッシュを無効化」してから再読み込み
キャッシュ系プラグイン・サーバーキャッシュ・CDNのキャッシュをパージ
それでも残る場合は、faviconのURLに ?v=2 のようなバージョンパラメータを付けてキャッシュを回避
ブラウザのタブのfaviconは特にキャッシュが強い。別タブ・シークレットウィンドウで確認

WordPressが出力するタグと手動での追加

サイトアイコンを設定すると、WordPressは wp_head() のタイミングで各サイズの link タグや apple-touch-icon を自動出力します。出力されるタグの例は次のとおりです。

HTML：WordPressが自動出力するタグ（例）

<link rel="icon" href="https://example.com/.../cropped-icon-32x32.png" sizes="32x32">
<link rel="icon" href="https://example.com/.../cropped-icon-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" href="https://example.com/.../cropped-icon-180x180.png">
<meta name="msapplication-TileImage" content="https://example.com/.../cropped-icon-270x270.png">

そのため、通常はhead内に自分でタグを書く必要はありません。テーマやプラグインの都合で独自のアイコンタグを追加したい場合は、head内やbodyタグ直前にコードを挿入する方法を参照してください。逆にWordPressやプラグインが出力する余分なタグを整理したい場合はhead内の余分なタグを削除する方法が参考になります。

SNSシェア時のサムネイル（OGP画像）はfaviconとは別物です。投稿ごとにOGP画像を設定したい場合は投稿ごとにOGP画像を設定するカスタムフィールドの作成方法をご覧ください。

よくある質問（FAQ）

QWordPressでfaviconを設定するにはどこから行えばよいですか？

A管理画面の「外観」→「カスタマイズ」→「サイト基本情報」からサイトアイコン（favicon）を設定できます。推奨サイズは512×512px以上の正方形で、PNG・ICO・SVG形式が使えます。テーマによってはテーマオプションにfavicon設定がある場合もあります。

Qfaviconが変更後もブラウザに反映されません。

Aブラウザのキャッシュが原因のことが多いです。Ctrl + F5（ハードリロード）や、デベロッパーツールで「キャッシュを無効化」してから再読み込みします。faviconのURLに ?v=2 のようなバージョンパラメータを付けてキャッシュを回避する方法もあります。CDNを使っている場合はCDNのキャッシュパージも必要です。

Qスマホのホーム画面アイコンも設定できますか？

Aサイトアイコンに512×512px以上を設定すると、WordPressが各デバイス向けサイズを自動生成します。apple-touch-iconも wp_head() から自動出力されます。より細かく制御したい場合は head 内にタグを追加するか、All in One SEO などのプラグインを使います。