ブログにファビコンを設定してみました

私のブログ「オヤジの悠々人生」にファビコンを設定してみました。
サイトアイコンとも言われています。

favicon1

ファビコンとは、Webサイトをブックマークした際や、タブ表示した際にサイト名の横に表示されている小さなアイコンのことです。

※ファビコンの一例です。

favicon2

はじめての拙HP「オヤジのらくがき帳」を立ち上げたときは、拡張子icoのファビコン(32px正方形アイコン)をルートディレクトリーにアップした上で、該当ページにファビコンをリンクさせるようヘッダーにHTMLで記述し設定した経緯があります。

例えば、ファイル名を「favicon」にした場合
<link rel=”shortcut icon” href=”favicon.ico” />

しかし、ワードプレス(Wordpress)にて作成した当ブログの場合は、ソースにPHPとHTMLが混載しており記述箇所も分からず、理解しないまま変に記述するとエラーになりかねないのでそのままにしていました。ところが、ワードプレスVer4.3よりダッシュボードより、サイトアイコンの設定が可能になりました。

ワードプレスダッシュボードの外観 → カストマイズ → サイト基本情報 → サイトアイコンで512ピクセル以上の正方形画像(Jpeg)を用意しアップロードすればOKです。固定 ・投稿を含むすべてのページに反映されます。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です