ワードプレス*ファビコンの設置方法 | ネットで稼ぐ?アフィリエイトのもやもやがスッキリ!するブログ

ワードプレス*ファビコンの設置方法

ワードプレスなら簡単にファビコンを設置できますよ♪



↑上のありさんをポチっ♪として応援していただけたらとってもうれしいです♪

ぽちはネットでアフィリエイトの情報を探している時
いつか自分がアフィリエイトブログをを作ったら、、
絶対にやってみたい!と思っていたことがありました!

それは・・・

 ファビコンをつけること!です♪

ファビコンとは・・・
アドレスバーのURLの右隅に表示される小さなアイコンのことです。
お気に入りに追加するとそのアイコンも一緒に表示されます。

ファビコン(Favicon)・・・お気に入りアイコン“Favorite icon(フェイバリット・アイコン)”を略したものです。

大手企業などのサイトではほとんど使われていますよね。

お気に入りからパッと見つけることができて読者さんに親切ですし、
ブログを少しでも覚えてもらえる可能性も高くなります。

なによりも、
ファビコンを設置することで自分のブログに愛着が出てきて、
大切に育てていこう♪と思う気持ちが大きくなると思います!

今見ていただいているこのブログ・・・、
記事を投稿を始めるより先にファビコンの設置方法を調べてつけていました;

ついたファビコンを眺めて
その日ずっと、ニコニコニコニコ♪顔がゆるんでいました^^

ではでは♪」
そんな楽しい気持ちになれる、ファビコンの設置方法を解説しますね!

まず、一般的なファビコンの設置方法は以下のようになります。

1. 16×16または32×32ピクセルの画像を用意
↓ 
2. 画像をico形式に変換
   ↓
3. htmlファイルと同じディレクトリにfavicon.icoをアップロード
htmlファイルの<HEAD> ~ </HEAD>の間に下記を記述
<link rel=”shortcut icon” href=”ファビコンまでのパス/favicon.ico”>

ちょっと、めんどうそう・・・;

でも!
ワードプレスならファビコンを設置できるプラグインがあり簡単にできますよ♪

 ワードプレス*ファビコンの設置方法

全体の流れは以下のようになります。

1. 画像を用意する
2. 画像をライブラリにアップロードする
3. プラグインをダウンロードし、追加、有効化する
4. ファビコンを設定する

では、順番に見ていきましょう♪

【1】ファビコンに使う画像を用意する

ワードプレスのプラグインを使えば、どんな画像でもファビコン表示することができます。
いろいろ試してみましたが、どんな比率の画像もどんな大きさの画像も
ムリヤリむぎゅっと小さなファビコンにしてくれて笑えました^^

ぽちはファビコン用に使用しているアバター画像
を画像加工ソフトGIMP2で32×32ピクセルに小さくしました。
→画像加工ソフトGIMP2(ギンプ2)無料ダウンロード
  
こちらのサイトではファビコンに使える画像を無料でダウンロードできます。
→freefavicon

【2】画像をライブラリにアップロードする

ワードプレスの管理画面→【左メニュー】→【メディア】→【新規追加】
メディアのアップロード画面が表示されます。
“アップロードするファイルを選択”して画像をライブラリに追加します。

【3】プラグインをダウンロードする

今回使うプラグインの名前は Favicon Manager WordPress Plugin です。
こちらのサイトを開いてください。
→Favicon Manager WordPress Pluginダウンロード

Download Zip fileをクリックしてプラグインをダウンロードします。

【4】プラグインを追加

プラグインのファイル名は“favicon-mgr.php”です。
このファイルをワードプレスの【wp-content】→【plugins】にアップロードします。

【5】プラグインの有効化

ワードプレスの管理画面→左メニュー→【プラグイン】
 “Favicon Manager”を探し【有効化】をクリックする。

【6】 画像のURLをコピーする

左メニュー→【ライブラリ】で先ほどアップロードした画像のURLをコピーします。

【7】ファビコンを設定する

左メニュー→【設定】→【Favicons】をクリックします。
プラグインを有効化すれば表示されています。
Favicon Settingsが表示されます。
【Location:】にコピーした画像のURLを貼り付け、
【Update Options】をクリックします。

以上です!
ファビコンが表示されましたか??

お使いのサイトがワードプレスでない場合やプラグインを使わないファビコンの設置方法は
こちらのサイトに詳しく書かれています。
参考にどうぞ♪
→Favicon Japan



↑上のありさんをポチっ♪として応援していただけたらとってもうれしいです♪

 

ぽちアバター

ぽちへのメールはこちらからどうぞ~♪

関連する記事はこちら:

次の記事 »
前の記事 »
トップページへ » ネットで稼ぐ?アフィリエイトのもやもやがスッキリ!するブログ

コメントありがとうございます^^

ぽちさん、こんばんわ
しおんです^^

ファビコン設定は以前設定しようとしたのですが、
よくわからなくて未設定のままでした。

早速設定しました☆

ファビコンは他ブログとの差別化にもなるので
オススメです。


応援ぽち!
こんにちは高山です

ファビコンの付け方は覚えていないですね。
私自身も時間があればやりたいですが、作り方なら
グーグルで検索してそれなりに作成してみようかと思います

応援します
おはようございます。
ままどおる@アフィリエイト廃人です。
ブログへのご訪問・コメントをありがとうございました☆

ワードプレスだと、ファビコンって簡単につけられるのですね。
以前から憧れていたので、やってみたいです~♪
どんな画像がいいかなぁ?ドキドキ……
探して来なくてはです♪

それでは、あんなものやこんなものをこめて応援です☆
初めまして hanaと申します

ランキングから来ました~
ファビコンがこんな風にワードプレスでできるんですね~
知らなかったです

私のファビコンは作成してもらっちゃったんです
だから何も知識なかったんですけど
ファビコンは差別化もできますから この記事読めばわかりますね

アバターも、アバターファビコンもすごくかわいいです♪


ではでは 応援ポッチポチです!
ぽちさん

こんにちは。younosukeです。

いつもブログに訪問&コメントありがとうございます。

ファビコン画像・・・わたしもやってみたいと思っていたんですよね。

皆どぉ~やってるんだろぉ~って思ってたんですよね。

作り方や使い方まで説明されててとても良い記事ですね。

それではまた。

応援ポチポチぱっきゅ~ん!

この記事へのコメント

ネットで稼ぐ?アフィリエイトのもやもやがスッキリ!するブログ TOP » ファビコンの設置方法 » ワードプレス*ファビコンの設置方法