ファビコンのサイズ、設定、作成について、そんなに難しく考えなくてもOK

ファビコンのサイズ、設定、作成について

ファビコンの作成と設置方法

ウェブブラウザで、URLのとなりに表示されているアイコンがfaviconです。

web上で作成できるサイトがいくつかありました。

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

https://favicon.qfor.info/c/

ファビコンのサイズは 16×16で良いようです。

まず、16px × 16px はブラウザで多用されるサイズなので、一番大事ですね。個人的には 16px × 16px 、32px × 32px のふたつをマルチアイコンにすれば充分、なんなら 16px × 16px ひとつでも問題ないと思っています。
出典: https://liginc.co.jp/…

通常のHTMLでページ制作、更新等で設置する場合

ページの<HEAD> ~ </HEAD>内に、LINKタグを設定します。
HREF=”” に、favicon.ico ファイルへのパスを指定します
https:// で始まる絶対パス、または相対パスで指定することができます。

設置する際、参考にする
https://www.tagindex.com/…

ワードプレスで簡単設置

ワードプレスを利用していると最近のテーマではカスタマイズオプション等から出来るケースがあります。

テーマSimplicityでファビコンを設置する場合は、

最後に、Wordpress管理画面の「外観→カスタマイズ」の「その他の設定」項目にある「テーマ側でファビコンを設定」にチェックを入れれば設定したファビコンが反映されます。
出典: https://wp-simplicity.com/…

 色々なテーマのオプション等でファビコンの設定が簡単に出来るテーマがあります。

簡単に設置できないテーマもあった

優良テーマの一つBizVektorも「外観」「テーマオプション」の中にファビコンの画像選択の項目があります。

ここで簡単に設定できると思って画像選んで保存したのですが、一向に表示されない…

「BizVektor ファビコン」で検索しても、上記のやり方しか出てこなかったので、多分プラグイン等の相性か何かだろう!と勝手に解釈して、こんな所で悩んでいても仕方ないという事で、子テーマのheader.phpに次の一文をヘッダー内に追加しました。
※<head>ここに追加</head>

<link rel="shortcut icon" href="アイコンのURI">

これで解決!!