Warning: include(/home/takeyan/take-yan.com/public_html/wp/wp-content/plugins/jetpack/modules/shortcodes/wufoo.php): failed to open stream: Permission denied in /home/takeyan/take-yan.com/public_html/wp/wp-content/plugins/jetpack/modules/shortcodes.php on line 71

Warning: include(): Failed opening '/home/takeyan/take-yan.com/public_html/wp/wp-content/plugins/jetpack/modules/shortcodes/wufoo.php' for inclusion (include_path='.:/opt/php-7.2.34-5/data/pear') in /home/takeyan/take-yan.com/public_html/wp/wp-content/plugins/jetpack/modules/shortcodes.php on line 71
ファビコンとは?タブにアイコンを作る『Favicon Rotator』 | ビジネスアーティスト永田武(たけやん)公式サイト
2014.05.28

ファビコンとは?タブにアイコンを作る『Favicon Rotator』

Pocket
LINEで送る

ダイレクトレスポンスマーケティングで音楽業界に恩返しを誓う!
たけやんこと、永田武です。

今回は、

ファビコンとは?タブにアイコンを作る『Favicon Rotator』

についての説明です。

Favicon Rotator01

色々なホームページやサイトを見ていると、
たまにブラウザのタブにアイコンみたいなものがありませんか?
※上記画像参照

このアイコンがファビコンといい、
WordPressのプラグイン『Favicon Rotator』をインストールすれば、
自由にファビコンを作成することができます。

 

ファビコン画像の作成

まずは、ファビコンの素材を用意しましょう。

タブに表示されるファビコンのサイズは16×16(px)なのですが、
デスクトップ表示された時にしっかり表示されるように、
32×32(px)のサイズがおススメです。

favicon

 

※拡張子はPNG , GIF , JPG(JPEG)のどれかで作成してください。

次にこの画像を、ファビコン専用のファイルに変換します。

Favicon Rotator02

favion.icoを作ろう

上記サイトから、中画像(32×32)のボタンでファイルをアップロードし、
『favicon.icoの作成』をクリックします。

Favicon Rotator03

画像を確認し、ダウンロードします。
『favicon.ico』というファイルが出来るので、保存してください。

これでファビコン画像の準備ができました。

 

Favicon Rotatorのダウンロードとファビコンの設定

  1. Favicon Rotator』で検索し、インストールと有効化をクリックします。
    Favicon Rotator04

     

  2. 『外観』の『Favicon』をクリックします。
    Favicon Rotator05

     

  3. 『Browser Icon』の『Add Icon』をクリックします。
    Favicon Rotator06

     

  4. 先ほど上記で作った『favicon.ico』を選択し、アップロードします。
    画像を確認して、問題がなければ『Add Browser Icon』をクリックします。
    Favicon Rotator07

     

  5. 同様に、『Touch Icon』でも同じファイルをアップロードします。
    Favicon Rotator08

     

  6. 画像のアップロードが完了したら、『変更を保存』をクリックします。
    Favicon Rotator09

     

  7. これで完了です。
    ちゃんとブラウザのタブに表示されています。
    Favicon Rotator10

 

ファビコンでライバルと差をつけろ!

ほんの小さなアイコンではありますが、
これがなかなかバカにはできません。

Favicon Rotator11

タブだけではなく、ブックマークでもしっかりとアイコンが表示されます。

Favicon Rotator12

明らかに目立ちますよね?

簡単に誰でも閲覧できるサイトだからこそ、
ささいなきっかけがアクセスアップや、リピート率に繋がります。

是非ともファビコンは設定しましょう。

 

以上、

ファビコンとは?タブにアイコンを作る『Favicon Rotator』

に関する記事でした。

 

追記

icoのファイルでうまく表示されない場合は、
変換前の元素材(PNG、JPG、GIFなど)をそのままUPしてみてください。

ハッピーの秘密が”毎日”届く永田武のLINE



毎日30秒で読める!
ブログやメルマガでは書けないリアルタイムメッセージ。

▼『友だち追加』から登録する▼

友だち追加

パソコンの場合は、QRコードか、友達検索で以下のIDを入力!
@takeyan

Pocket
LINEで送る