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. 迷惑メール、コンタクトフォーム7

    インターネットビジネス

    Contact Form7でチェックボックス付きお問い合わせフォームを作る方法

    独自ドメインでサイトを運営するようになったら、 最初にやっておきた…

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

    プラグイン

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

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

  3. PS Auto Sitemaps、サイト、目次

    プラグイン

    PS Auto Sitemapsでサイト目次を作成する方法を解説

    サイトのユーザビリティ及びSEOレベルをアップさせるためには、『訪問者…

  4. JetPack、WordPress、インストール、方法、サイト統計情報

    プラグイン

    JetPackをWordPressにインストールする方法|サイト統計情報を一目で確認

    WordPressをダウンロードしたなら、最初に入れておくべき必須のプ…

  5. Wordpress、おすすめ、パーマリンク

    プラグイン

    WordPressで設定すべきおすすめパーマリンクを解説

    Wordpressを開設し大方の初期設定を終え、 プラグインも導入…

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

    プラグイン

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

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

PRESENT

Hitomiefu,インターネットビジネス,無料プレゼント,Canvas

MAIL MAGAZINE

MAIL MAGAZINE

Twitter

LINE@

Hitomi、LINE@、登録
  1. トレンドアフィリエイト

    トレンドアフィリエイトで月収10万円達成するのに必要な記事数と更新頻度は?
  2. 清水富美加、幸福の科学、洗脳された、引退、もったいない、ワークライフバランス、大事

    アーティストから学ぶ

    清水富美加は幸福の科学に洗脳された?女優業引退はもったいないけど、ワークライフバ…
  3. ネットビジネス、実践者、会社、辞める、タイミング、いつ

    よくある質問

    ネットビジネス実践者が会社を辞めるタイミングはいつがベスト?
  4. 記事作成、効率化、TinyMCE Advanced

    プラグイン

    記事作成を効率化するプラグインTinyMCE Advancedの使い方を解説
  5. 賢威7,Searchconsole,所有権,確認,できない,対処法

    賢威

    賢威7でSearchconsoleの所有権が確認できないときの対処法
PAGE TOP