Favicon Rotator、ファビコン、設定

プラグイン

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』をご紹介してきました。

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

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

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

画像の説明

関連記事

  1. Simple Local Avatars、アバター画像、設定

    プラグイン

    Simple Local Avatarsでアバター画像を設定する方法を解説

    Wordpressで自分のサイトを運営していく際に、簡単に自分のアバタ…

  2. Wordpress Related Posts、設定方法、設置位置

    プラグイン

    WordPress Related Postsで関連記事を表示させよう|設定方法と設置位置を解説

    あなたのサイト訪問者が記事を読んだ際に、その記事に関連した他の記事を自…

  3. Auto Post Thumbnail、使い方、アイキャッチ画像

    プラグイン

    PING送信とは?WordPress Ping Optimizerで更新情報をPING送信しよう!

    サイトを開設したらすぐに導入しておきたいプラグインのひとつに、『Wor…

  4. Wordpress、セキュリティ、強化、プラグイン、Acunetix WP Security、導入、使い方

    Wordpress

    WordPressセキュリティ強化プラグインAcunetix WP Securityを導入しよう

    Wordpressのセキュリティを強化してくれるプラグイン、『Acun…

  5. プラグイン

    2017年から続出!AdsenseManagerが使えないエラーへの対処法【エックスサーバー】

    2017年以降に新しくWordpressを立ち上げた人に続出しているの…

  6. All in One SEO Pack、設定方法、使い方

    SEO

    All in One SEO Packの導入&設定方法と記事投稿時の使い方を解説

    Wordpressでサイトを運営していく際導入すべきプラグインとして、…

Twitter

  1. Youtube、チャンネル登録ボタン、Wordpress、設置

    YouTube

    Youtubeのチャンネル登録ボタンをWordPressに設置する方法
  2. マルエン、Hitomi、実績者、Chiaki、月収32万円、達成、インタビュー動画、前半

    DRM

    Chiakiさんがブログで月収32万円達成しました!インタビュー対談【後半】
  3. シェイクスピア、人生は選択の連続である、決断、大事に

    マインドセット

    シェイクスピアは『人生は選択の連続である』と言った|日々の小さな決断を大事にしよ…
  4. マインドセット

    正しいマインドセットがないと、ノウハウコレクターになるか遠回りをするかのどちらか…
  5. 東京タラレバ娘、現実的、恐怖、アラサー、女性、タラレバ、意味ない

    アーティストから学ぶ

    東京タラレバ娘を見て現実的な恐怖を覚えるアラサー女性多発|『タラレバ』に意味はな…
PAGE TOP