WordPressにファビコンを追加する方法：完全ステップバイステップガイド (2026)

いくつかの簡単なステップでWordPressサイトにファビコンを追加する方法を学びます。すべてのWordPressテーマとバージョンで機能します。

事前に確認する3点

• アイコン元画像は512x512以上で、縮小しても判別できること。
• ファイルはPNG推奨（透過背景が汎用的）。
• サイトの管理画面（/wp-admin）にログインできること。

「アイコンがぼやける」「アップロードしても表示されない」という場合は、元画像の解像度不足・テーマの競合・キャッシュが原因であることが多いです。上記3点を満たしてから作業するとスムーズです。

手順（多くのテーマで共通）

1. WordPress管理画面にログインし、「外観」→「カスタマイズ」を開く。
2. 「サイト基本情報」をクリックする。
3. 「サイトアイコン」でファビコン画像をアップロードする。
4. トリミング範囲を指定して確定する。
5. 「公開」をクリックし、サイト側で表示を確認する。

反映確認の方法

次の3段階で確認すると誤認を防げます。

1. トップページとツールページのタブでアイコンが同じか。
2. シークレットウィンドウでキャッシュの影響を除外。
3. スマートフォン（iOS/Android）でも表示を確認。

Elementor / Astra / Divi などでの注意

多くのテーマはWordPressのサイトアイコン設定に従いますが、テーマやSEOプラグインがheadに別のiconタグを出力している場合があります。「管理画面では変えたのに本番が変わらない」ときは、重複した指定がないか確認し、一か所に統一してください。

よくある不具合と対処

アップロードできない
ファイルサイズや形式を確認し、標準的なPNGで再試行。

タブに古いアイコンが残る
ハードリロードのあと、LiteSpeedやWP RocketなどのキャッシュプラグインとCDNをクリア。

アイコンがにじむ
より高解像度の元画像を使い、出力時の圧縮を控えめに。

推奨する最小ファイル構成

• favicon.ico（16/32を含む）
• favicon-32x32.png、favicon-16x16.png
• apple-touch-icon.png（180x180）

PWAを運用する場合は、manifestに192x192と512x512も追加すると、ブラウザ・ブックマーク・ホーム画面の需要をカバーできます。