WPのブログにファビコンを設置する方法

 

本日はWPのブログにファビコンを
設置する方法を解説します。

 

ファビコンとはこれのことですよ^^

 

ファビコン

 

※ちなみにファビコンとは「Favorite icon」の略です。

 

ブログにファビコンを設置するには
まず、ファビコン用の「.ico」という拡張子の
アイコンファイルを作らなければいけません。

 

ファビコン用のアイコンファイルは
以下のサイトで作れます。

 

簡単ファビコン作成ツール ~ Make Favorite Icon
ドットを打ち込んでいくことでアイコンファイルが作れるサイト。

 

アイコン(icon)変換ツール – Favicon Converter
JPEGやGIFなどの画像ファイルをアイコンファイルに変換できるサイト。

 

YO-TAは『アイコン(icon)変換ツール – Favicon Converter』で
JPEGのファイルをアイコンファイルに変換しました。

 

元のJPEGファイルはコレ。

 

元のJPEGファイル

 

他のサイトでJPEGのファイルをアイコンファイルに変換すると
画像が潰れてしまいがちなのですが「Favicon Converter」だと
比較的キレイに変換できます。

 

アイコンファイルが作成できたらWPのダッシュボードから
「メディア」→「新規追加」でアイコンファイルをアップロード。

 

media

 

アイコンファイルをアップロードしたら
アイコンファイルのURLを控えておいてください。

 

upload

 

WPのダッシュボードから
「外観」→「テーマ編集」でheader.phpを編集。

 

theme

 

header.php内の</head>の手前に以下のタグを挿入する。

 

<link rel=”shortcut icon” href=”控えておいたアイコンファイルのURL” />

 

※何故か上記のタグをコピペすると「”」が全角になってしまいます。
大変お手数ですがコピペした後は「”」を手動で半角に直してください。

 

これでファビコンの設置は終了です。
お疲れ様でした^^

 

ファビコンの表示には少々時間がかかる場合があります。

 

しばらく経ってもアドレスバーにファビコンが表示されない場合は
「ツール」→「インターネットオプション」→「削除」で
閲覧の履歴を削除してみてください。

 

option

 

delete

 

「インターネット一時ファイル」と「履歴」を削除して
あなたのブログをリロード(F5)すれば
ファビコンが表示されるはずです。

 

log

 

それでもファビコンが表示されない場合は
ブラウザを再起動させる、他のブラウザで見てみる、
などをしてみてください。

 

アフィリエイトで稼ぐ情報商材レビューブログ TOPへ戻る

このエントリーを含むはてなブックマーク Yahoo!ブックマークに登録

タグ

当ブログを気に入ってくれた方は是非メルマガも

もはやアフィリエイターなら読むのが常識!?
会員数が2万人突破のYO-TAメルマガ。

有名な起業家やトップアフィリエイターも
購読されています。

メルマガ購読・解除
 

あなたのメールアドレスを入力し、
「送信」を押すだけで無料購読できます。

アフィリエイトで本気で稼ぎたい方は
是非ご購読ください。

トラックバック&コメント

この投稿のトラックバックURL:

トラックバック

  1. [...] WPのブログにファビコンを設置する方法 WPのブログにファビコンを設置するにはどうしたらいいの? というYO-TA自身が抱えていた悩みに答えた記事。 オススメのファビコン作成サイトの紹介付き。 [...]

コメント

  1. YO-TAさん

    お世話になります。

    ヒデアキです。

    ファビコン。

    実は数日前に設置したばかりです。

    が・・・

    今一つ画像が潰れ気味です。

    というか潰れてます。(汗)

    YO-TAさんの記事に習って

    再チャレンジしてみます。

    ファビコンを付けるだけで

    プロっぽいですよね。

    また、勉強させて頂きました。

    応援済。

    • YO-TA より:

      ヒデアキさん

      YO-TAです、お世話になっております^^

      画像が潰れ気味でしたら是非
      私が記事で紹介しているサイトで
      アイコンファイルを作ってみてください。

      私も他のサイトで作ったら潰れ気味でしたけど
      記事で紹介しているサイトで作ったら
      比較的キレイにできました。

      お試しあれです☆

  2. choco より:

    YO-TAさん
    ご無沙汰してしまいました、chocoです^^

    以前のブログも素敵でしたが
    newブログもとても見やすくて
    おしゃれな感じですね!!

    タグが一目でわかるファビコンは
    やはりあった方がいいなーと思います。

    私も設置していますが
    YO-TAさんのわかりやすい記事で
    ファビコン設置する人も
    もっと増えますね♪

    また記事を楽しみにしています!

    • YO-TA より:

      chocoさん

      YO-TAです、ご無沙汰しております^^

      > 以前のブログも素敵でしたが
      > newブログもとても見やすくて
      > おしゃれな感じですね!!

      あ、ありがとうございます(´∀`〃)ゝ

      > タグが一目でわかるファビコンは
      > やはりあった方がいいなーと思います。

      ですね~。
      お気に入りに入れたブログを見る時
      ファビコンがあると発見しやすいです。

      chocoさん、今後ともよろしくお願い致します☆

  3. ともしん より:

    yo-taさん、こんにちは、ともしんと申します。

    新しいブログ完成おめでとうございます。

    以前からファビコンをかえなければ、
    と思っていたのですが、yo-taさんの記事を拝見し、
    ファビコンを設置する事ができました。

    本当にありがとうございました。

    失礼いたします。

    • YO-TA より:

      ともしんさん

      YO-TAです、ご無沙汰しております。

      > 新しいブログ完成おめでとうございます。

      ありがとうございます^^

      > 以前からファビコンをかえなければ、
      > と思っていたのですが、yo-taさんの記事を拝見し、
      > ファビコンを設置する事ができました。

      おぉ、それは何よりです☆
      お役に立てたのなら光栄です^^

      ともしんさん、今後ともよろしくお願い致します。

  4. YO-TAさん、こんにちは。
    このfavicon変換ツールはすごく画像がきれいですね。
    ヲタスケのfaviconもこちらに変えました。
    有益な情報、いつもありがとうございます。
    ポチ。

    • YO-TA より:

      ヲタスケさん

      YO-TAです、こんにちは^^

      > このfavicon変換ツールはすごく画像がきれいですね。

      ですよね♪ですよね♪

      > ヲタスケのfaviconもこちらに変えました。
      > 有益な情報、いつもありがとうございます。

      どういたしましてです^^

      今日も1日頑張りましょう☆

  5. yo-taさん

    こんにちは。しげまると申します。

    ファビコンは少し前に設定したのですが
    はじめはプロフ画像で設置使用としましたが
    画像がつぶれてなんだかわからない画像に!

    そこで、文字で表示しました。
    文字もちょっとぼけていましたが
    yo-taさんの記事にあるように
    「Favicon Converter」で設置したら
    結構見える様になりました。

    良い情報、ありがとうございます。

    • YO-TA より:

      しげまるさん

      YO-TAです、こんにちは^^

      > ファビコンは少し前に設定したのですが
      > はじめはプロフ画像で設置使用としましたが
      > 画像がつぶれてなんだかわからない画像に!

      ですよね~。
      私も昔、それで一旦諦めたことがあります(汗)

      > yo-taさんの記事にあるように
      > 「Favicon Converter」で設置したら
      > 結構見える様になりました。

      それは何よりです^^
      私も「Favicon Converter」を発見し
      ようやくファビコンを設置する気になれました。

      しげまるさん、今後ともよろしくお願い致しますm(_ _)m

  6. 石山虎乃進 より:

    YO-TAさんの所の記事のタグをコピペすると
    半角であるべき”が、全角の”になっちゃうみたいでした(賢威のエディター)
    最初、なぜ表示されないか判らず、はまってました(笑)
    全角じゃ駄目ですよね。

    それで、
    ファビコン設置してみたんですが
    同じicoファイルを
    ロリポップにアップしたときは、ライブラリに画像が出る
    Xserverにアップしたときは、ライブラリに絵が出なくて×になってしまう。

    ロリポップの方では、ファビコンが出ました。
    Xserverの方は駄目です。

    Xserverの設定なのかな?
    なにかご存じないですか?

    • YO-TA より:

      石山虎乃進さん

      YO-TAです、こんばんは^^

      > YO-TAさんの所の記事のタグをコピペすると
      > 半角であるべき”が、全角の”になっちゃうみたいでした
      > (賢威のエディター)
      > 最初、なぜ表示されないか判らず、はまってました(笑)
      > 全角じゃ駄目ですよね。

      お手数をおかけしてスミマセンでした。

      そして、ご指摘ありがとうございますm(_ _)m

      記事に注意書きを追記しておきました。

      しっかし何でコピペすると半角が全角に
      変わっちゃうんでしょうかね(汗)

      > それで、
      > ファビコン設置してみたんですが
      > 同じicoファイルを
      > ロリポップにアップしたときは、ライブラリに画像が出る
      > Xserverにアップしたときは、ライブラリに絵が出なくて×になってしまう。

      私もエックスサーバーを使っているのですが
      ライブラリからは画像が表示されないですね^^;

      > ロリポップの方では、ファビコンが出ました。
      > Xserverの方は駄目です。
      >
      > Xserverの設定なのかな?
      > なにかご存じないですか?

      それはライブラリにファビコンが表示されないっていうことなのか
      アドレスバーにファビコンが表示されないっていうことの
      どちらでしょうか?

      お手数ですがご回答いただければと思いますm(_ _)m

      • 石山虎乃進 より:

        ロリポップの方はwpのライブラリにicoファイルの画像も表示され、
        ライブラリに表示されるurlをieアドレスバーに貼っても画像が出ます。
        ライブラリのアドレスを使ったタグで、アドレスバーに
        ファビコンが表示されます。

        Xserverの方はwpのライブラリにicoファイルの画像は表示されず
        画像のところは×になります。
        ライブラリに表示されるurlをieアドレスバーに貼ると、
        ダウンロードが始まります。
        ライブラリのアドレスを使ったタグでは、アドレスバーに
        ファビコンは表示されません。
        ダウンロードが始まるくらいだし、ライブラリにも表示されないしだから
        無理なのでしょうね。

        苦肉の策で、私はロリポップににupしたファビコンのurlを、
        Xserverのタグに使って今は表示させています。

        Xserver側の設定なのでしょうか?
        YO-TAさんのライブラリも画像が×ということは
        私だけではないみたいですね。
        serverではicoファイルを扱えないとか?
        謎です。

        ロリポップ、Xserverともにupしたのは
        同じicoファイルです。

        • YO-TA より:

          石山虎乃進さん

          YO-TAです、こんばんは^^

          > Xserverの方はwpのライブラリにicoファイルの画像は表示されず
          > 画像のところは×になります。
          > ライブラリに表示されるurlをieアドレスバーに貼ると、
          > ダウンロードが始まります。

          私の場合はアイコンファイルのURLをアドレスバーに貼ると
          ダウンロードは始まりませんが画像も表示されませんね(汗)

          > Xserver側の設定なのでしょうか?
          > YO-TAさんのライブラリも画像が×ということは
          > 私だけではないみたいですね。

          ですねぇ。
          私の場合は×とはなるものの
          ファビコンはきちんと表示されますが^^;

          ちょっとその問題は解明できないかもしれません。
          お力になれず申し訳ありません。

  7. 今晩は、みーまんと申します。
    メルマガも、毎回楽しみにしております。

    僕も、ファビコン設置をやろうやろうと思いつつ
    放置状態でした^^;

    この機会に設置してみますね

    役立つ情報を応援します。ポチ!

    • YO-TA より:

      みーまんさん

      YO-TAです、こんばんは^^
      メルマガのご購読、ありがとうございます。

      > 僕も、ファビコン設置をやろうやろうと思いつつ
      > 放置状態でした^^;
      >
      > この機会に設置してみますね

      はい、この機会に是非挑戦してみてください☆

      みーまんさん、今後ともよろしくお願い致しますm(_ _)m

  8. YO-TAさん
    こんばんは、超リチャードです。

    確かにお気に入りのなかにファビコンがあると目を引きますよね。
    以前からお気に入りリストでアイコンがついてるのが気になってたんです。
    一体なんぞ?って感じでした。

    やっぱりお気に入りってなんか視覚に訴えるものがあると違いますよね。
    あの無料オファーでもファビコンを追加しただけでアクセスが2倍!
    とか言ってましたし。

    私も早速設置してみようとおもいます!

    応援ポチ!です。

    • YO-TA より:

      超リチャードさん

      YO-TAです、こんばんは^^

      > 確かにお気に入りのなかにファビコンがあると目を引きますよね。

      ですね☆
      私も遠目に「いいなぁ」と眺めていました(笑)

      > あの無料オファーでもファビコンを追加しただけでアクセスが2倍!
      > とか言ってましたし。

      そうそう、それで皆さんも私も一斉に
      ファビコンを設置し始めたんですよね。

      > 私も早速設置してみようとおもいます!

      はい、是非設置してみてください^^

      超リチャードさん、今後ともよろしくお願い致します。


コメントをどうぞ

このページの先頭へ