ブラウザのタブの左側に表示されるマークを設定しました。サイトアイコンとかファビコンとかいうみたいです。ワードプレスのテーマはTwenty Twenty-Threeです。
前にもやったことがあるのですが、だいぶ前のことなのですっかり忘れてしまっていました。
画像を用意する
まず、画像を用意する。
５１２ ✕５１２ピクセル以上の正方形だそうです。画像形式は PNG。
手っ取り早く、いらすとやさんの画像を使わせていただきました。
ワードプレスの設定
だいぶ苦労しました。以前はカスタマイズのなかにメニューがあったのですが・・・。
まず、サイトの編集から入っていきます。
外観→エディター→テンプレートパーツ→すべてのテンプレートパーツを表示→ヘッダー
ペンマークをクリックして編集に取り掛かります。
＋マークをクリックして、ブロックの追加をします。
「すべてを表示」から「サイトロゴ」をクリックします。
用意したアイコンをアップロードします。
ここで悩むこと３０分
ここまでの操作で、ブラウザのタブに表示されるアイコンは付いたのですが、
当然のことながら同じアイコンがヘッダーにも表示されるようになってしまいました。
自分としてはこのデザインは嫌です。
ここで途方にくれながら眺めていたら、
「サイトアイコンはブラウザーのタブ、ブックマークバー、WordPress モバイルアプリ内で表示されます。サイトロゴと異なるカスタムアイコンを使用するには、サイトアイコン設定を使用してください」
という表示がでているのを見つけました。
その「サイトアイコン設定」をクリックしたら、以前のような設定画面がでて、無事設定できました。
ヘッダーに追加されたアイコンは削除しました。
すごい遠回りなやり方になってしまいました。どこから入るか分からなかったので、なんとなくヘッダーの編集に入ったのですが、ヘッダーにアイコンを表示させる意図はなかったので、無駄な作業を強いられた気分です。
直接、「サイトアイコン設定」に入れれば問題なかったし、その方法がどこかにあるとは思うのですが、私の力ではたどりつけません。結果として、タブに表示できたのでヨシとします。
しばらくやっていないので忘れていたレベルの話ではありません。すごく扱いにくくなっていたというのが実感です。
総目次のページ＞パソコンについてのあれこれ＞このページ