Favicon Rotatorでサイトにファビコンを簡単に設定する方法

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る
Favicon Rotator、ファビコン、設定

今回の記事では、Wordpressにファビコンを設定するのに最も簡単な方法を解説していきたいと思います。

ファビコンとは、サイトを開いているときにブラウザのタブ上に表示されるサイトのサムネイル画像の存在を果たし、これを設定してくことでサイトのブランディングやユーザーの使いやすさが向上すること間違い無しです。

やり方は非常に簡単ですので、ぜひ『Favicon Rotator』をサイト運営に有効活用してみてくださいね。

Faviconってなに?

ファビコンという単語はもしかしたら、なかなか聞き慣れない単語かもしれないですね。

こちらは、前述した通り当該サイトをブラウザ上で開いているとき、
タブ上に表示される小さなサムネイル画像のことです。

インターネットを開いているときであればこのようになりますし、

Favicon Rotator、ファビコン、設定

 

ブックマーク上ですとこのようになります。

Favicon Rotator、ファビコン、設定

 

もし、あなたのサイトにロゴがあればそちらを設定したり、
無ければサイトの頭文字をアルファベットで設定するのが主流ですね。

ブックマークも増えてくるとけっこうごちゃごちゃとしてくるものですから、
ユーザーにとってはこのファビコンは非常にありがたいです。

サイトを開設したら、初期設定と共にやっておくと良いですね^^

 

Faviconのインストールと有効化

それではまずは『Favicon Rotator』をインストールし、有効化しましょう。

Favicon Rotator、ファビコン、設定

参考記事:WordPressにプラグインをインストールする方法

 

有効化が完了すると、『ダッシュボード外観』のなかに
新たに『Favicon』という項目が追加されていますので、
こちらをクリックしていきましょう。

Favicon Rotator、ファビコン、設定

 

Favicon Rotatorの使い方

『Favicon』をクリックすると、設定画面が表示されます。

Browser Icon』というのはパソコン等のブラウザで表示される場合のアイコン。
Touch Icon』というのはモバイル端末で表示されるアイコンとなります。

私の場合、どちらも同じ画像にしてありますが
お好みで別のアイコンにしてももちろんOKです。

Favicon Rotator、ファビコン、設定

 

それぞれ、<Add Icon><Set Icon>から画像をアップロードして、
<変更を保存>を押していけばファビコンの設定完了です。

 

Favicon用画像の作り方のコツ

初めてファビコン用の画像をつくるときには
どう作ったら良いか少し戸惑うかもしれませんので、
どのように作成するべきか、少し補足していきたいと思います。

まず、ファビコンは見ての通り、実際の画像より大幅に縮小されて表示されます。

大きな画面で画像を作成したときには見やすかった画像でも、
実際にタブに表示されたときにはかなり小さくなってしまって、
かえって見にくくなる可能性が非常に高いです。

ですから、縮小されてもわかりやすい画像を意識して作るようにしましょう。

けっこう王道なのはサイトタイトルの頭文字アルファベットや、
サイト運営者の名前の頭文字アルファベットですね。

アルファベットですと、『A』とか『B』とかいうように、
単純でわかりやすいアイコンを作成しやすいというメリットがあります。

あなたのサイトにロゴがある場合には、
ブランディングという面でも設定していくべきですが、
これも小さくなったらどう見えるか?ということを
考慮しながら、作成してみてください。

また、画像サイズはいくつでも問題ありませんが、
迷う場合は『30×30』で作成しておけば良いのではないかと思います。

そうすると、作成の段階で“小さいサイズで表示されたときのイメージ”がしやすいはずです。

迷った場合にはぜひ参考にしてみてくださいね^^

 

まとめ

それでは、今回はあなたのサイトにキャッチーなファビコンを設定してくれる便利なプラグイン『Favicon Rotator』をご紹介してきました。

基本的には、プラグインをインストールして画像をアップロードするだけですので非常に簡単です。

しいて言うならば画像作成には少し時間がかかるかもしれませんが、
魅力的なファビコンを設定できれば多くの方がサイトを訪れてくれますので、頑張っていきましょう^^

それでは最後までご覧いただき、ありがとうございました。

無料メールマガジン

画像の説明

公開日:2015/12/20

SNSでもご購読できます。

コメントを残す