ファビコンの設定
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" />
参考
- https://satoshimurata.com/2021-favicon
- 様々なファビコンを一括生成。favicon generator
https://ao-system.net/favicongenerator/