ファビコンの設定

WordPressでは不要ですが(ダッシュボードで設定できる)手動で設定するときのやり方です。

ファビコンを作る

基本的にはSVGを使いたいのでイラストレーターで作ったあと、サイズを下記サイトで展開

https://ao-system.net/favicongenerator/

headで設定

上のサイトで作ったアイコンを、必要なサイズを取り出して設定。サイズは下記にしました。

apple-touch-icon:180×180
icon:192×192

HTML

<link rel="apple-touch-icon" href="apple-touch-icon.png" />
<link rel="icon" type="image/png" href="favicon.png" />
<link rel="icon" type="image/svg+xml" href="favicon.svg" />

参考