freks blog

about

WordPressブロックテーマでfaviconを設定する

created: 2023-02-07
おすすめ記事: 出会ってよかったプログラマー本

WordPress block theme "Twenty Twenty-Three" で favicon を設定してみました

管理画面 > 外観 > テーマ
カスタマイズをクリックします

Header のところにサイトログを追加します

add site logo

png 画像とかをアップロード
ico ファイルはだめでした

site logo setting

設定に "サイトアイコンとして使用する" があるので有効にしておきます
これだけでした

これで

<link
  rel="icon"
  href="https://sample.com/wp-content/uploads/icon-512-150x150.png"
  sizes="32x32"
/>
<link
  rel="icon"
  href="https://sample.com/wp-content/uploads/icon-512-300x300.png"
  sizes="192x192"
/>
<link
  rel="apple-touch-icon"
  href="https://sample.com/wp-content/uploads/icon-512-300x300.png"
/>
<link
  rel="apple-touch-icon"
  href="https://sample.com/wp-content/uploads/icon-512-300x300.png"
/>

を全ページに入れてくれました


Amazonのアソシエイトとして、blog.freks.jp は適格販売により収入を得ています。
This site is managed by freks