WordPress5.4以降、デフォルトのファビコン(favicon)が「WPロゴ」になってしまう場合の対策方法
WordPressのバージョン5.4以降、ファビコン（favicon）の設定をしていないサイトには自動的にWordPressのデフォルトアイコンが表示されるようになりました。
もちろんオリジナルのファビコンを設定していれば問題ありません。しかし、いろいろ諸事情ありますので……。
対策としては、
・「WPデフォルトアイコン」を取る
・オリジナルのファビコンを設定する
があります。
ファビコンの「WPデフォルトアイコン」を取りたい
要は、「ファビコンなし」にしたいという場合はこちら。
参考：https://wpgogo.com/plugin/wp_favicon_remover.html
functions.phpに追記
function wp_hide_favicon() {
exit;
}
add_action('do_faviconico', 'wp_hide_favicon');
オリジナルのファビコンを設定する
favicon.icoを作成する
まずは、透過pngで64☓64pxのファビコン用画像を作成します。
続いて、ファビコン作成サービス「iconifier.net」を活用します。
「ファイルを選択」より作成したファビコン用画像を選択し、「iconify」ボタンをクリックします。
すると、様々なサイズのpngファイルとfavicon.ico、そしてファイル詰め合わせzipが生成されます。
今回はファビコンのみでいいので、favicon.icoをクリックしてそのままダウンロードすればOKです。
favicon.icoを設定する
FTPよりfavicon.icoをアップロードしたら、header.phpの<head></head>内に下記ソースをペーストします。
<link rel="shortcut icon" href="https://ドメイン名/アップロード先/favicon.ico">
日本語部分は自分のサイトに合わせてください。
ファビコンが変わらなかったら
Chromeのファビコンキャッシュは相当強力です。シークレットモードでも反映されません。
そこで、ファビコンのキャッシュだけピンポイントで削除します。
Chromeを一度終了し、下記ディレクトリにあるFaviconsというファイルを削除してください。削除後にChromeを再起動すればOKです。
Windows
C:\Users\ユーザー名\AppData\Local\Google\Chrome\User Data\Default
Mac
/Users/ユーザー名/Library/Application Support/Google/Chrome/Default/
MovableType／WordPressを使ったホームページ制作、機能追加や設置代行などの改修、システム開発、サイトの保守を手掛けております。
アナタが実現させたい機能、やりたい事をお聞かせいただけませんか？ そのイメージを一緒に実現しましょう！
お問い合わせは以下のページから!!