サイトアイコンを設定した

ブラウザのタブの左側に表示されるマークを設定しました。サイトアイコンとかファビコンとかいうみたいです。ワードプレスのテーマはTwenty Twenty-Threeです。

前にもやったことがあるのですが、だいぶ前のことなのですっかり忘れてしまっていました。

まず、画像を用意する。

５１２ ✕５１２ピクセル以上の正方形だそうです。画像形式は PNG。

手っ取り早く、いらすとやさんの画像を使わせていただきました。

だいぶ苦労しました。以前はカスタマイズのなかにメニューがあったのですが・・・。

まず、サイトの編集から入っていきます。

外観→エディター→テンプレートパーツ→すべてのテンプレートパーツを表示→ヘッダー

ペンマークをクリックして編集に取り掛かります。

＋マークをクリックして、ブロックの追加をします。

「すべてを表示」から「サイトロゴ」をクリックします。

用意したアイコンをアップロードします。

ここまでの操作で、ブラウザのタブに表示されるアイコンは付いたのですが、

当然のことながら同じアイコンがヘッダーにも表示されるようになってしまいました。

自分としてはこのデザインは嫌です。

ここで途方にくれながら眺めていたら、

「サイトアイコンはブラウザーのタブ、ブックマークバー、WordPress モバイルアプリ内で表示されます。サイトロゴと異なるカスタムアイコンを使用するには、サイトアイコン設定を使用してください」

という表示がでているのを見つけました。

その「サイトアイコン設定」をクリックしたら、以前のような設定画面がでて、無事設定できました。

ヘッダーに追加されたアイコンは削除しました。

すごい遠回りなやり方になってしまいました。どこから入るか分からなかったので、なんとなくヘッダーの編集に入ったのですが、ヘッダーにアイコンを表示させる意図はなかったので、無駄な作業を強いられた気分です。

直接、「サイトアイコン設定」に入れれば問題なかったし、その方法がどこかにあるとは思うのですが、私の力ではたどりつけません。結果として、タブに表示できたのでヨシとします。

しばらくやっていないので忘れていたレベルの話ではありません。すごく扱いにくくなっていたというのが実感です。