ファビコンを簡単設置できるプラグインFavicon Rotator

当ページのリンクには広告が含まれています。

ファビコンを簡単設置できてスマートフォンのホーム画面の
アイコン表示も同時に設定できるプラグインをご紹介します。

「ファビコン」とは?

最初に「ファビコン」という単語を知らない方のために簡単に説明しましょう。

ファビコンとは、「FAVorite ICON」を略した単語で、webブラウザのブックマークや
ウィンドウアイコン・タブなどの左端に表示される、webサイト独自のアイコンの
ことをいいます。

e-01

最初はInternet Explorerの独自拡張として使われていましたが、
今はFirefoxやSafari、Operaなど多くのブラウザも対応するように
なっています。

ファビコンの画像はInternet Explorerではico形式じゃないと
表示されないので、難しいというイメージがありますが、一度
覚えてしまえば、簡単にセットすることができます。

プラグイン「Favicon Rotator」とは?

今回紹介するプラグイン「Favicon Rotator」はPCで一般的に
使われているファビコンの設定と、スマートフォンのホーム画面の
アイコン表示を設定できるすぐれものです。

プラグイン「Favicon Rotator」はjpg,gif.pig形式でも
設定できますが、先述でもお話しした通り、Internet Explorerでも
表示させるため、PC用はico形式で、スマートフォンのホーム画面の
アイコンはjpg形式で設定する方法を説明します。

2つの画像を準備しましょう

まずはPC用ファビコン用画像(16×16px:ico形式)と
ホームアイコン用アイコン画像(72×72px:jpg形式)の2つの画像を準備します。

ico画像への変換は専用のツールが必要になるのですが、こちらの
サイトでは、簡単に16×16px:ico形式に変換できるサービスを
意提供しています。

ファビコン favicon.ico

e-09

小画像(16×16)参照であなたのファビコンにする正方形の画像を指定し
「favicon.ico作成」ボタンをクリックします。

e-10

生成された16×16px:ico形式ファビコン画像をダウンロードボタンを
クリックし、保存しましょう。

プラグイン「Favicon Rotator」をインストールしましょう

それではプラグイン「Favicon Rotator」をインストールしましょう。
「プラグイン」⇒「新規追加」で「Favicon Rotator」を検索し
「今すぐインストール」をクリックします。

e-02

プラグインの有効化をクリックします。

e-03

プラグインが有効化されると外観のメニューに「Favicon」が追加されます。

e-04

Add Icomは通常のPCのファビコンです。
先ほど保存した、16×16px:ico形式ファビコン画像を指定します。

Touch Iconはスマートフォンのホーム画像ファビコンです。
2×72px:jpg形式の画像(jpg、gif、png画像)を指定し、
最後に「変更を保存」ボタンをクリックします。

e-06

実際にファビコンが反映されているか確認しましょう。
InternetExploreでもファビコンが表示されています。

e-11

そして、Favicon Rotatorの最大の売り、スマートフォンのホーム画面のアイコンも
しっかり表示しています。

e-08

今後、スマートフォン利用者の急激な増加が見込まれていますが
リピートしてくれる閲覧者を逃さないためにも、Favicon Rotatorを
是非取り入れてほしいと思います。

この記事が気に入ったら
いいね ! しよう

この記事を書いた人

最後まで記事を読んでいただきありがとうございます。

お礼として、ツール・イラスト・プラグインを無料でプレゼントしています。お好きなものをダウンロードしてください。(※すべてもOK!)

3Dカバーソフト


カッコいい3Dカバーが短時間で簡単に作れます。

illustonⅡ


総数3,003個のスタイリッシュイラストパック。

 YouTube Adds mini


設置したYouTubeの動画上に外部リンクを設置可能!

即戦力ライティング


未来派監修コピーライティングマニュアルです。

14の心理効果


成約率をUPさせる14の心理効果の解説動画です。

ネット税金対策


Q&Aダイジェスト版をプレゼントします!

LP作成ツール WordPressプラグイン「Mikomi」使用

未来派厳選おすすめ教材ランキングBEST3

デコプレス
記事装飾の幅を広げるWordPressプラグイン。今なら「AI記事自動生成ツール」がもらえます!
AItools:エーアイツールズ
SEOに強い記事を短時間でAIが記事生成しWoedPressにUPしてくれる未来派太鼓判の神ツールです。
Danganページビルダー
LP作成機能を追加するWordPressプラグインで、使っているテーマをそのままで利用することができます。

1 Responses to “ファビコンを簡単設置できるプラグインFavicon Rotator”

  1. hiroさん。

    はじめまして&こんばんは(^^)/
    にのいちと申しますm(_ _)m。

    情報、記事をありがとうございます。
    とれも参考になると思いました。

    ファビコン早速活用させていだきます!
    どうすればいいのか困っていたところでした(^^;)

    応援クリックさせて頂きます!
    ポチっとな^^

    良かったら、アフィリ友達になってください。

    お時間がある時にも、
    私のブログにも遊びにきてくれると嬉しいです♪

コメントを残す

最新の記事