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. 記事、アクセス数、Post-Views

    プラグイン

    記事ごとのアクセス数がわかるプラグインPost-Viewsを導入しよう

    Wordpressを開設したらぜひ導入しておきたいプラグインのひとつに…

  2. WP-Page Navi、設定、カスタマイズ

    プラグイン

    WP-Page Naviの設定とカスタマイズ方法|サイトにページ数を表示する

    ある程度記事数が増えてきたら、サイトにページ数を表示しておくことをオス…

  3. Wordpress Popular Posts、サイドバー、人気記事

    プラグイン

    WordPress Popular Postsでサイドバーに人気記事を表示させる方法

    サイトを運営していくとき、サイトのトップページを作り込む必要があります…

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

    プラグイン

    Auto Post Thumbnailの使い方を解説|アイキャッチ画像を自動設定する方法

    記事を更新する際、個別にアイキャッチ画像をいちいち設定するのはけっこう…

  5. ネットビジネス、Pretty Link Lite、使い方

    プラグイン

    短縮URLが自由に作成できるプラグインPretty Link Liteの使い方

    情報発信などを行うようになると、メールマガジンや外部サイトなどから自分…

  6. 記事内、アドセンス広告、Adsense Manager

    プラグイン

    記事内にアドセンス広告を設置するAdsense Managerの設定方法を解説

    アドセンス広告を使用したアフィリエイトであるトレンドアフィリエイトを行…

Twitter

  1. ツール

    【トレンドアフィリエイト】goodkeywordの使い方とキーワード選定方法
  2. 江角マキコ,芸能界,引退,なぜ,マスコミ,過剰,報道,情報過多

    アーティストから学ぶ

    江角マキコが芸能界を引退したのはなぜか|マスコミの過剰報道と情報過多について
  3. 記事内、ソースコード、Crayon Syntax Highlighter

    プラグイン

    記事内にソースコードを埋め込むプラグインCrayon Syntax Highli…
  4. Wordpress、おすすめ、パーマリンク

    プラグイン

    WordPressで設定すべきおすすめパーマリンクを解説
  5. Wordpress、カスタマイズ、真っ白、グチャグチャ、対処法、防止

    Wordpress

    WordPressのカスタマイズ中にサイトが真っ白、グチャグチャになった場合の対…
PAGE TOP