ファビコンのサイズ、設定、作成について、そんなに難しく考えなくてもOK
目次
ファビコンの作成と設置方法
ウェブブラウザで、URLのとなりに表示されているアイコンがfaviconです。
web上で作成できるサイトがいくつかありました。
https://ao-system.net/favicon/
ファビコンのサイズは 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">
これで解決!!
