WPのブログにファビコンを設置する方法
本日はWPのブログにファビコンを
設置する方法を解説します。
ファビコンとはこれのことですよ^^
ブログにファビコンを設置するには
まず、ファビコン用の「.ico」という拡張子の
アイコンファイルを作らなければいけません。
ファビコン用のアイコンファイルは
以下のサイトで作れます。
簡単ファビコン作成ツール ～ Make Favorite Icon
ドットを打ち込んでいくことでアイコンファイルが作れるサイト。
アイコン（icon）変換ツール – Favicon Converter
JPEGやGIFなどの画像ファイルをアイコンファイルに変換できるサイト。
YO-TAは『アイコン（icon）変換ツール – Favicon Converter』で
JPEGのファイルをアイコンファイルに変換しました。
元のJPEGファイルはコレ。
他のサイトでJPEGのファイルをアイコンファイルに変換すると
画像が潰れてしまいがちなのですが「Favicon Converter」だと
比較的キレイに変換できます。
アイコンファイルが作成できたらWPのダッシュボードから
「メディア」→「新規追加」でアイコンファイルをアップロード。
アイコンファイルをアップロードしたら
アイコンファイルのURLを控えておいてください。
WPのダッシュボードから
「外観」→「テーマ編集」でheader.phpを編集。
header.php内の</head>の手前に以下のタグを挿入する。
※何故か上記のタグをコピペすると｢”｣が全角になってしまいます。
大変お手数ですがコピペした後は｢”｣を手動で半角に直してください。
これでファビコンの設置は終了です。
お疲れ様でした^^
ファビコンの表示には少々時間がかかる場合があります。
しばらく経ってもアドレスバーにファビコンが表示されない場合は
「ツール」→「インターネットオプション」→「削除」で
閲覧の履歴を削除してみてください。
「インターネット一時ファイル」と「履歴」を削除して
あなたのブログをリロード（F5）すれば
ファビコンが表示されるはずです。
それでもファビコンが表示されない場合は
ブラウザを再起動させる、他のブラウザで見てみる、
などをしてみてください。
この記事を読まれた方は次にこの記事も読まれています
タグ
2011年10月7日 | コメント／トラックバック(19) |
カテゴリー:WP（ワードプレス）のカスタマイズ
当ブログを気に入ってくれた方は是非メルマガも
もはやアフィリエイターなら読むのが常識！？
会員数が2万人突破のYO-TAメルマガ。
有名な起業家やトップアフィリエイターも
購読されています。
あなたのメールアドレスを入力し、
「送信」を押すだけで無料購読できます。
アフィリエイトで本気で稼ぎたい方は
是非ご購読ください。
トラックバック&コメント
トラックバック
-
[...] WPのブログにファビコンを設置する方法 WPのブログにファビコンを設置するにはどうしたらいいの？ というYO-TA自身が抱えていた悩みに答えた記事。 オススメのファビコン作成サイトの紹介付き。 [...]
コメント
YO-TAへのメールはこちらから。
YO-TAさん
お世話になります。
ヒデアキです。
ファビコン。
実は数日前に設置したばかりです。
が・・・
今一つ画像が潰れ気味です。
というか潰れてます。（汗）
YO-TAさんの記事に習って
再チャレンジしてみます。
ファビコンを付けるだけで
プロっぽいですよね。
また、勉強させて頂きました。
応援済。
ヒデアキさん
YO-TAです、お世話になっております^^
画像が潰れ気味でしたら是非
私が記事で紹介しているサイトで
アイコンファイルを作ってみてください。
私も他のサイトで作ったら潰れ気味でしたけど
記事で紹介しているサイトで作ったら
比較的キレイにできました。
お試しあれです☆
YO-TAさん
ご無沙汰してしまいました、chocoです＾＾
以前のブログも素敵でしたが
newブログもとても見やすくて
おしゃれな感じですね！！
タグが一目でわかるファビコンは
やはりあった方がいいなーと思います。
私も設置していますが
YO-TAさんのわかりやすい記事で
ファビコン設置する人も
もっと増えますね♪
また記事を楽しみにしています！
chocoさん
YO-TAです、ご無沙汰しております^^
> 以前のブログも素敵でしたが
> newブログもとても見やすくて
> おしゃれな感じですね！！
あ、ありがとうございます(´∀`〃)ゝ
> タグが一目でわかるファビコンは
> やはりあった方がいいなーと思います。
ですね～。
お気に入りに入れたブログを見る時
ファビコンがあると発見しやすいです。
chocoさん、今後ともよろしくお願い致します☆
yo-taさん、こんにちは、ともしんと申します。
新しいブログ完成おめでとうございます。
以前からファビコンをかえなければ、
と思っていたのですが、yo-taさんの記事を拝見し、
ファビコンを設置する事ができました。
本当にありがとうございました。
失礼いたします。
ともしんさん
YO-TAです、ご無沙汰しております。
> 新しいブログ完成おめでとうございます。
ありがとうございます^^
> 以前からファビコンをかえなければ、
> と思っていたのですが、yo-taさんの記事を拝見し、
> ファビコンを設置する事ができました。
おぉ、それは何よりです☆
お役に立てたのなら光栄です^^
ともしんさん、今後ともよろしくお願い致します。
YO-TAさん、こんにちは。
このfavicon変換ツールはすごく画像がきれいですね。
ヲタスケのfaviconもこちらに変えました。
有益な情報、いつもありがとうございます。
ポチ。
ヲタスケさん
YO-TAです、こんにちは^^
> このfavicon変換ツールはすごく画像がきれいですね。
ですよね♪ですよね♪
> ヲタスケのfaviconもこちらに変えました。
> 有益な情報、いつもありがとうございます。
どういたしましてです^^
今日も1日頑張りましょう☆
yo-taさん
こんにちは。しげまると申します。
ファビコンは少し前に設定したのですが
はじめはプロフ画像で設置使用としましたが
画像がつぶれてなんだかわからない画像に！
そこで、文字で表示しました。
文字もちょっとぼけていましたが
yo-taさんの記事にあるように
「Favicon Converter」で設置したら
結構見える様になりました。
良い情報、ありがとうございます。
しげまるさん
YO-TAです、こんにちは^^
> ファビコンは少し前に設定したのですが
> はじめはプロフ画像で設置使用としましたが
> 画像がつぶれてなんだかわからない画像に！
ですよね～。
私も昔、それで一旦諦めたことがあります（汗）
> yo-taさんの記事にあるように
> 「Favicon Converter」で設置したら
> 結構見える様になりました。
それは何よりです^^
私も「Favicon Converter」を発見し
ようやくファビコンを設置する気になれました。
しげまるさん、今後ともよろしくお願い致しますm(_ _)m
ＹＯ－ＴＡさんの所の記事のタグをコピペすると
半角であるべき”が、全角の”になっちゃうみたいでした（賢威のエディター）
最初、なぜ表示されないか判らず、はまってました(笑)
全角じゃ駄目ですよね。
それで、
ファビコン設置してみたんですが
同じｉｃｏファイルを
ロリポップにアップしたときは、ライブラリに画像が出る
Ｘｓｅｒｖｅｒにアップしたときは、ライブラリに絵が出なくて×になってしまう。
ロリポップの方では、ファビコンが出ました。
Ｘｓｅｒｖｅｒの方は駄目です。
Ｘｓｅｒｖｅｒの設定なのかな？
なにかご存じないですか？
石山虎乃進さん
YO-TAです、こんばんは^^
> ＹＯ－ＴＡさんの所の記事のタグをコピペすると
> 半角であるべき”が、全角の”になっちゃうみたいでした
> （賢威のエディター）
> 最初、なぜ表示されないか判らず、はまってました(笑)
> 全角じゃ駄目ですよね。
お手数をおかけしてスミマセンでした。
そして、ご指摘ありがとうございますm(_ _)m
記事に注意書きを追記しておきました。
しっかし何でコピペすると半角が全角に
変わっちゃうんでしょうかね（汗）
> それで、
> ファビコン設置してみたんですが
> 同じｉｃｏファイルを
> ロリポップにアップしたときは、ライブラリに画像が出る
> Ｘｓｅｒｖｅｒにアップしたときは、ライブラリに絵が出なくて×になってしまう。
私もエックスサーバーを使っているのですが
ライブラリからは画像が表示されないですね^^;
> ロリポップの方では、ファビコンが出ました。
> Ｘｓｅｒｖｅｒの方は駄目です。
>
> Ｘｓｅｒｖｅｒの設定なのかな？
> なにかご存じないですか？
それはライブラリにファビコンが表示されないっていうことなのか
アドレスバーにファビコンが表示されないっていうことの
どちらでしょうか？
お手数ですがご回答いただければと思いますm(_ _)m
ロリポップの方はwpのライブラリにicoファイルの画像も表示され、
ライブラリに表示されるurlをieアドレスバーに貼っても画像が出ます。
ライブラリのアドレスを使ったタグで、アドレスバーに
ファビコンが表示されます。
Xserverの方はwpのライブラリにicoファイルの画像は表示されず
画像のところは×になります。
ライブラリに表示されるurlをieアドレスバーに貼ると、
ダウンロードが始まります。
ライブラリのアドレスを使ったタグでは、アドレスバーに
ファビコンは表示されません。
ダウンロードが始まるくらいだし、ライブラリにも表示されないしだから
無理なのでしょうね。
苦肉の策で、私はロリポップににupしたファビコンのurlを、
Xserverのタグに使って今は表示させています。
Xserver側の設定なのでしょうか？
YO-TAさんのライブラリも画像が×ということは
私だけではないみたいですね。
serverではicoファイルを扱えないとか？
謎です。
ロリポップ、Xserverともにupしたのは
同じicoファイルです。
石山虎乃進さん
YO-TAです、こんばんは^^
> Xserverの方はwpのライブラリにicoファイルの画像は表示されず
> 画像のところは×になります。
> ライブラリに表示されるurlをieアドレスバーに貼ると、
> ダウンロードが始まります。
私の場合はアイコンファイルのURLをアドレスバーに貼ると
ダウンロードは始まりませんが画像も表示されませんね（汗）
> Xserver側の設定なのでしょうか？
> YO-TAさんのライブラリも画像が×ということは
> 私だけではないみたいですね。
ですねぇ。
私の場合は×とはなるものの
ファビコンはきちんと表示されますが^^;
ちょっとその問題は解明できないかもしれません。
お力になれず申し訳ありません。
今晩は、みーまんと申します。
メルマガも、毎回楽しみにしております。
僕も、ファビコン設置をやろうやろうと思いつつ
放置状態でした^^;
この機会に設置してみますね
役立つ情報を応援します。ポチ！
みーまんさん
YO-TAです、こんばんは^^
メルマガのご購読、ありがとうございます。
> 僕も、ファビコン設置をやろうやろうと思いつつ
> 放置状態でした^^;
>
> この機会に設置してみますね
はい、この機会に是非挑戦してみてください☆
みーまんさん、今後ともよろしくお願い致しますm(_ _)m
YO-TAさん
こんばんは、超リチャードです。
確かにお気に入りのなかにファビコンがあると目を引きますよね。
以前からお気に入りリストでアイコンがついてるのが気になってたんです。
一体なんぞ？って感じでした。
やっぱりお気に入りってなんか視覚に訴えるものがあると違いますよね。
あの無料オファーでもファビコンを追加しただけでアクセスが2倍！
とか言ってましたし。
私も早速設置してみようとおもいます！
応援ポチ！です。
超リチャードさん
YO-TAです、こんばんは^^
> 確かにお気に入りのなかにファビコンがあると目を引きますよね。
ですね☆
私も遠目に「いいなぁ」と眺めていました（笑）
> あの無料オファーでもファビコンを追加しただけでアクセスが2倍！
> とか言ってましたし。
そうそう、それで皆さんも私も一斉に
ファビコンを設置し始めたんですよね。
> 私も早速設置してみようとおもいます！
はい、是非設置してみてください^^
超リチャードさん、今後ともよろしくお願い致します。