暇人北っちの趣味ブログアフィリエイト。

ギター、ゲーム、アニメ。やりたいことに時間とお金を使おう。

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

今回はあなたのブログに
ファビコンを簡単に設置できるプラグイン、
Favicon Rotatorをご紹介。

ファビコンって何?

ファビコンていうのはこれです。

スクリーンショット_2013-07-20_22.27.53

ブックマークをしたり、ブログに来てくれた時に
URLの前につくアイコン。

これのことをファビコンっていうんです。

で、このファビコンを簡単に設置出来るのが
今回紹介するFavicon Rotator。

しかも、スマホのホーム画面のアイコンも
設置できてしまうというすぐれもの!!

 

あ、ファビコンに利用する画像は
.icoというファイルにする必要があります。

→ファビコン画像の作り方はこちら

これで作っちゃってください。

それともう一つ、.jpgファイルで
スマホ用の画像も用意しましょう。

 

 

Favicon Rotatorのインストール、使い方

それでは一緒にインストールしていきましょう。

スクリーンショット_2013-07-20_22.36.36

 

WordPress管理画面からプラグインを
選択し、「新規追加」をクリック。

 

スクリーンショット 2013-07-20 22.38.20

 

検索欄に「Favicon Rotator」と入力。
プラグインの検索をクリックします。

 

Favicon_Rotator1

 

出てきた検索結果でFavicon Rotatorを探し、
「今すぐインストール」をクリック。

 

 

Favicon_Rotator2

 

 

インストールが完了後、
「プラグインを有効化」をクリック。

 

これでインストールは完了です。

 

ファビコンを設置する

Favicon_Rotator3

 

左メニューの「外観」をクリックし、
その中の「Favicon」という表示をクリックします。

 

Favicon_Rotator4

 

赤枠で囲んだ2つのところを順番にクリック。

Browser IconURLの先頭につくアイコンで、
Touch Iconスマホでホーム画面に登録した時
表示されるアイコンです。

 

スクリーンショット 2013-07-20 22.47.08

 

Add Iconをクリックしたところ。
ここに画像を追加します。

Add Iconには〇〇.ico
画像ファイルを選択してください。

 

Favicon_Rotator7

追加出来たら実際の画像が表示されます。
確認して、「Add Browser Icon」をクリック。

 

Favicon_Rotator8

このようにファビコンが追加されました。

Favicon_Rotator9

同じようにスマホの画像も設定しましょう。
追加するのはjpg形式の画像です。

確認できたら「Set Touch Icon」をクリック。

これで完了です。

 

実際の画面はこんな感じ。

スクリーンショット 2013-07-20 22.54.37

ブログ名の前にアイコンがついています。

スマホでは・・・

Favicon_Rotator11

 

このようになります。

ファビコンがあるだけで目立つし
見やすくなるのでまだの方はぜひ設置してくださいね。

 

 

 

LEAVE A REPLY

*
*
* (公開されません)

Return Top