WordPressにはSite Iconと呼ばれるファビコン機能が組み込まれています。 ほとんどのサイトではプラグインもコードも不要で、カスタマイザーで正方形の画像を アップロードするだけです。このガイドでは、簡単な方法とカスタムテーマ向けの 手動方法の両方を解説します。
方法1：Site Icon（推奨）
これが組み込みのノーコード方式です。WordPress 4.3以降で機能します。
- まず、ロゴから512×512のPNGを生成します （WordPressは最低512×512を推奨）。
- WordPressダッシュボードで Appearance → Customize → Site Identity に進みます。
- Site Icon の下にある Select image をクリックし、 512×512のPNGをアップロードします。
- プロンプトが表示されたらクロップします（WordPressが正方形へのクロップを案内します）。
- Publish をクリックして保存します。
WordPressは必要なすべてのサイズ（ファビコン、Apple touch icon、アプリアイコン）を 自動生成し、正しい <link> タグをサイトの <head> に 追加します。コードは不要です。
アップロード用の512×512画像が必要ですか？Favicon.one で無料で生成できます。 ZIPにはWordPressが期待するちょうどのサイズが含まれます。
方法2：手動のlinkタグ（カスタムテーマ）
カスタムテーマを構築している場合や、Site Iconがニーズを満たさない場合は、 ファビコンファイルを手動で追加できます。
- ファビコンファイル（
favicon.ico、各PNG、apple-touch-icon.png）をテーマフォルダ、例えば/wp-content/themes/yourtheme/images/にアップロードします。 header.phpを開く（またはfunctions.phpのwp_headアクションを使う）して、以下を追加します。
<link rel="icon" type="image/x-icon" href="<?php echo get_template_directory_uri(); ?>/images/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo get_template_directory_uri(); ?>/images/apple-touch-icon.png">
<link rel="manifest" href="<?php echo get_template_directory_uri(); ?>/images/site.webmanifest">WordPress.comとWordPress.orgの違い
WordPress.com では、Site IdentityオプションはプランによってSettings → General の下にあったり、カスタマイザーにあったりします。 セルフホストの WordPress.org では、常に Appearance → Customize → Site Identity にあります。
WordPressのファビコンが表示されない
- キャッシュをクリア。 WordPressとキャッシュプラグイン （WP Rocket、W3 Total Cache）は古いHTMLを配信します。すべてのキャッシュを パージし、シークレットウィンドウで確認してください。
- テーマを確認。 一部の古いテーマは
wp_head()を 呼ばないため、Site Iconのタグが描画されません。header.phpに<?php wp_head(); ?>があることを確認してください。 - プラグインの競合。 SEOプラグイン（Yoast、Rank Math）や キャッシュプラグインがファビコンを上書きすることがあります。設定を確認してください。
- 画像が小さすぎる。 WordPressのSite Iconには最低512×512が必要です。 それ未満の画像は拒否されます。
完全なトラブルシューティングチェックリストは「ファビコンが表示されない？」をご覧ください。
WordPressファビコンに最適な画像サイズ
最低512×512ピクセルの正方形PNG をアップロードしてください。 WordPressがそれを縮小して、ファビコン、Apple touch icon、アプリアイコンを 自動生成します。より大きいソース画像（1024×1024）でも問題ありません。 正方形で高コントラストであることを確認してください。
ロゴから完璧な512×512のWordPress Site Iconを生成しましょう。Favicon.one で無料です。