Favicon Tools検証作成
WordPress · Not showing

WordPress でファビコンが表示されない?その解決法

WordPress はテーマに置いたファイルからファビコンを配信しません。一つの「サイトアイコン」設定からアイコンのタグを出力するため、タブが空白ということは、その設定が適用されていないか、テーマが競合しているかのほぼどちらかです。

ファビコンを司るのは「サイトアイコン」設定です

画像をサイトアイコンに設定すると、コアがそれをトリミングしてサイズを生成し、フロントエンドの全ページにアイコンのマークアップを出力します。プラグインも手書きの link タグも不要です。一度も設定しなければ、何も出力されず、タブは空白のままです。

設定の場所はテーマによって異なります。クラシックテーマでは「外観」→「カスタマイズ」→「サイト基本情報」です。ブロックテーマではカスタマイザーが廃止されているため、サイトエディターか一般設定に移動します。管理画面で「サイトアイコン」を検索するほうが、メニューを探すより速いです。

アイコンを出力させる

  1. 1

    サイトアイコンを 512×512 以上で設定する

    WordPress が生成する最大サイズはタブアイコンより大きいため、それより小さい画像は拒否されます。欲しい正方形にトリミングしてください。端の近くにあるものは残りません。

  2. 2

    ソースを表示して cropped- の link を探す

    正しく設定されていれば、ファイル名が cropped- で始まる link が出力されます。そのタグがあればアイコンは設定済みで、タブが空白ならキャッシュの問題です。無ければ設定が反映されていません。

  3. 3

    テーマが上書きしていないか確認する

    独自のアイコンタグをハードコードしているテーマは、コアと競合します。間違ったアイコンが表示される場合は、ソース内の rel=icon タグの数を数えてください。ブラウザは、理解できる最後のものを採用します。

WordPress でファビコンが表示されない:よくある質問

WordPress のファビコンが表示されないのはなぜですか?

ほぼ確実に、サイトアイコンが未設定か、テーマが上書きしています。ソースを表示してください。cropped- のファイル名を持つ link が無ければ、「サイト基本情報」でサイトアイコンを設定します。あるのに間違ったアイコンが表示される場合は、テーマかプラグインが競合するタグを挿入しています。

WordPress のファビコンはどこで設定しますか?

クラシックテーマでは「外観」→「カスタマイズ」→「サイト基本情報」、ブロックテーマではサイトエディターか一般設定です。管理画面で「サイトアイコン」を検索すると一発でたどり着けます。512×512 以上の正方形の画像をアップロードしてください。

favicon.ico をテーマにアップロードする方法は有効ですか?

いいえ。テーマのファイルはドメインルートで配信されないため、テーマフォルダの favicon.ico は /favicon.ico で到達できず、次のテーマ更新で消えてしまいます。代わりにサイトアイコン設定を使ってください。

Keep going