超簡単タイトル横の小さな画像、ファビコンを表示させるプラグイン

ファビコンとは

faviconとは、favorite icon(フェイバリット・アイコン:お気に入りアイコン)の略で、お気に入りを表すアイコンのことです。

サイトが表示された時の上にでるタブでタイトルの横にでる小さながアイコンがそれです。

favicon1-1

このファビコンはブックマークをした時にも表示され、特に設定してなくても困ることはありませんが、表示されたほうがオリジナリティもありかっこいいです。

favicon3-1
◆ブックマーク(お気に入り)

簡単なファビコン設定方法

このファビコンは、ワードプレスで「Favicon Rotator」というプラグインを使えば簡単に設定できます。

まず、お描きソフト(firealpaca[ファイアアルパカ]のような無料のもので十分です)や、PCに初期で入っているペイントなどで好きなアイコンを作ります。

表示されるのは小さな画像ですので、グーグルの「g」や楽天の「R」のように
アルファベット一文字とか、ツイッターのように鳥のシルエットのように分かりやすいものがよいです。

160px☓160pxで作成し、10%に縮めて作成すると比較的綺麗に作成できます。

最終的に16px☓16pxの画像を作ります。
塗りつぶさないなら、背景は透過にしておいたほうが綺麗です。

本来ならばファビコン用の拡張子に変更しなければならないのですが、
プラグインを使うので、.jpgや.pngのままで問題ありません。

Favicon Rotatorの設定方法

「ダッシュボード」→「プラグイン」→「新規追加」をクリック。
キーワードの横の枠に「Favicon Rotator」と入力。「今すぐインストール」→「有効化」

favicon4-1

「ダッシュボード」→「外観」→「Favicon」をクリック。
Browser Iconの「Add Icon」をクリック

favicon6-1

作成したファビコンの画像(.jpgや.png)のファイルを選択し、下の「Add Browser Icon」をクリック。

favicon11-1

最後に「Save Changes」をクリックして完了です。

favicon12-1

これでページを表示したとき、ファビコンは変更されています。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする