WordPress でファビコンが表示されない?その解決法
WordPress はテーマに置いたファイルからファビコンを配信しません。一つの「サイトアイコン」設定からアイコンのタグを出力するため、タブが空白ということは、その設定が適用されていないか、テーマが競合しているかのほぼどちらかです。
ファビコンを司るのは「サイトアイコン」設定です
画像をサイトアイコンに設定すると、コアがそれをトリミングしてサイズを生成し、フロントエンドの全ページにアイコンのマークアップを出力します。プラグインも手書きの link タグも不要です。一度も設定しなければ、何も出力されず、タブは空白のままです。
設定の場所はテーマによって異なります。クラシックテーマでは「外観」→「カスタマイズ」→「サイト基本情報」です。ブロックテーマではカスタマイザーが廃止されているため、サイトエディターか一般設定に移動します。管理画面で「サイトアイコン」を検索するほうが、メニューを探すより速いです。
アイコンを出力させる
- 1
サイトアイコンを 512×512 以上で設定する
WordPress が生成する最大サイズはタブアイコンより大きいため、それより小さい画像は拒否されます。欲しい正方形にトリミングしてください。端の近くにあるものは残りません。
- 2
ソースを表示して cropped- の link を探す
正しく設定されていれば、ファイル名が cropped- で始まる link が出力されます。そのタグがあればアイコンは設定済みで、タブが空白ならキャッシュの問題です。無ければ設定が反映されていません。
- 3
テーマが上書きしていないか確認する
独自のアイコンタグをハードコードしているテーマは、コアと競合します。間違ったアイコンが表示される場合は、ソース内の rel=icon タグの数を数えてください。ブラウザは、理解できる最後のものを採用します。
WordPress でファビコンが表示されない:よくある質問
WordPress のファビコンが表示されないのはなぜですか?
ほぼ確実に、サイトアイコンが未設定か、テーマが上書きしています。ソースを表示してください。cropped- のファイル名を持つ link が無ければ、「サイト基本情報」でサイトアイコンを設定します。あるのに間違ったアイコンが表示される場合は、テーマかプラグインが競合するタグを挿入しています。
WordPress のファビコンはどこで設定しますか?
クラシックテーマでは「外観」→「カスタマイズ」→「サイト基本情報」、ブロックテーマではサイトエディターか一般設定です。管理画面で「サイトアイコン」を検索すると一発でたどり着けます。512×512 以上の正方形の画像をアップロードしてください。
favicon.ico をテーマにアップロードする方法は有効ですか?
いいえ。テーマのファイルはドメインルートで配信されないため、テーマフォルダの favicon.ico は /favicon.ico で到達できず、次のテーマ更新で消えてしまいます。代わりにサイトアイコン設定を使ってください。