faviconを設定してみた
以前、簡単にモザイクなどの編集が行えるソフトについてアップ したことがありますが
今回はナチュブロに favicon (ファビコン) を設定する方法について、書いてみました。
過去に書いた画像編集ソフトについての記事は こちら。
favicon ・・・
ブラウザのURL欄やタブ、ブックマークなどに表示されるアイコンのことです。
スマホや携帯で見てる人には、あまり関係ないかも知れませんが。
ナチュブロでは、標準で緑色の葉っぱのようなものが表示されています。
今回、これを変更してみました。
なお、画像は IEでも表示させるなら Windows用の icoファイルでなければ
表示できないようです。
IEでは表示させなくてもいいや、と言うなら、gif, jpg, png形式で OKです。
今回は IEでも表示させたいので、icoファイルを使って設定してみました。
icoファイルを用意します。
作成するのが面倒なら、ライセンスフリーな素材を落としてきましょう。
下記のサイトは、落としてきた icoファイルをそのまま使用できました。
他のサイトでは、拡張子は icoになっているけど、IEでは表示されない
icoファイルだった、というところもありましたので、注意してください。
たぶん Windowsの ico形式になっていないためだと思われます。
・Free Favicon
・Favicon（ファビコン）hare's 写真素材
自分で作成する場合は、icoファイルを作成するソフトを使用すれば可能です。
Vectorなどを探してみてください。
すでに持っている画像を使いたい場合は
gifや jpgなどを icoファイルへ変換すれば大丈夫だと思います。
その際は、変換機能があるソフトウェアを使用するか
無料のWebサービスを利用して icoファイルへ変換します。
今回私は、ライセンスフリーの画像を落としてきて
下記のWebサービスを利用して icoファイルへ変換しました。
さらに、大中小のサイズを指定してマルチアイコンにしました。
・ファビコン作成。favicon.ico 無料で透過マルチアイコンが作れます。
icoファイルの拡張子を、xxxxx.ico から xxxxx.gif へ変更します。
これは、ナチュブロでは拡張子が icoだとアップロードが出来ないためです。
名前を変更したファイルを、いつもと同じように画像としてアップロードします。
アップロード後、画像一覧では下記のように [×] 印が付いて 表示欄に
画像が表示されませんが、気にしないでください。
テンプレートへ貼り付ける情報を作成します。
ここでは簡単な方法で。
まずは [記事投稿] を使用して、アップロードした画像を貼り付けます。
すると、↓こんな風に貼り付けられますよね。
<img src="http://xxxxx.naturum.ne.jp/usr/[user名]/xxxxx.gif" alt="" >
この画像の URLを使用して、以下のように 2文を作成します。
<link rel="shortcut icon" href="http://xxxx.naturum.ne.jp/usr/[user名]/xxxxx.gif" type="image/gif" />
<link rel="icon" href="http://xxxx.naturum.ne.jp/usr/[user名]/xxxxx.gif" type="image/gif" />
作成したら、この 2文をコピーしておいてください。
[テンプレート] から、使用中テンプレートの [ カスタマイズ] へ進み
そのうちの、トップページ、個別記事、アーカイブ に対して
先ほどコピーした 2文を挿入します。
挿入する箇所は、<head> ～ </head> の間なら、どこでも構いません。
<link rel=" ～～～ というのが 何行か続いている箇所があると思うので
そのあたりで OKです。
トップページ、個別記事、アーカイブ へ、同じように挿入したら、[登録] します。
設定は以上です。
確認してみましょう。
ブラウザで、自分のブログを開いてみます。
こんな風に変わっていれば、正しく設定されています。
表示されない場合は、icoファイルが Windows用の icoファイル形式に
なっていない、といったことが多いです。
またテンプレートを修正する際は、他の箇所まで修正しないように
注意してください。
画像さえ用意出来れば、結構簡単なので
時間のあるときにでも試してみてください
※コメントは質問のみで m(_ _)m
もしくは、ど～しても一言書きたいと言う方のみ（笑）
![久保キャンプ場 [2021/4/11～12 レポ編]](http://img02.naturum.ne.jp/usr/i/l/o/ilovena/IMG_8038-s.jpg "久保キャンプ場 [2021/4/11～12 レポ編]")
この記事へのコメント
丁寧な説明ですね～！
モッさん
2013年06月20日 11:23
2013年06月20日 11:23
自分のblogをIEで見てみたら、faviconになってなかった…
まぁいいか。(笑)
まぁいいか。(笑)
拝読しました。
以上、ど～しても一言書きたかったので。
もちろん、コメ返不要ですm(__)m
以上、ど～しても一言書きたかったので。
もちろん、コメ返不要ですm(__)m
◆ モッさん
R指定からの脱却のためです。
R指定からの脱却のためです。
◆ 小鳥さん
今度は IEで見れるようになりましたが、Chromeでは見れなくなりました。
まぁいいですけど (^^;;
今度は IEで見れるようになりましたが、Chromeでは見れなくなりました。
まぁいいですけど (^^;;
◆ 物欲夫婦さん
忙しい中、わざわざ読んでいただきありがとうございます。
で？
設定するの？
しないでしょ？
忙しい中、わざわざ読んでいただきありがとうございます。
で？
設定するの？
しないでしょ？
こんにちは。
ほほぉ、設定する機会があれば、参考にさせて頂きます。
でも、サイト自体もいじってないしなぁ・・・（＾＾；
ほほぉ、設定する機会があれば、参考にさせて頂きます。
でも、サイト自体もいじってないしなぁ・・・（＾＾；
◆ ふみぽんさん
こんにちは！
設定するの？
しないでしょ？
こんにちは！
設定するの？
しないでしょ？
こんにちは～
最初からの８行までは意味がわかりました。
その後はファビコンを検索してみました。
あとは字は読めますが、意味がわかりませんでした。
うちのパソコンのお気に入りバーだけ出したいです。何かいい本ありますか？初心者でもわかるような・・・。
最初からの８行までは意味がわかりました。
その後はファビコンを検索してみました。
あとは字は読めますが、意味がわかりませんでした。
うちのパソコンのお気に入りバーだけ出したいです。何かいい本ありますか？初心者でもわかるような・・・。
◆ maguguさん
こんにちは！
お気に入りバーだけ表示させたいってこと？
IEですかね？
Altキーを押すと、メニューが表示されますよね？
そこの 「表示」 → 「ツール バー」 に 「お気に入りバー」 ってありますけど、これのことじゃなくて？
この手のことは、本よりもネットで調べたほうが早いと思いますよ。
こんにちは！
お気に入りバーだけ表示させたいってこと？
IEですかね？
Altキーを押すと、メニューが表示されますよね？
そこの 「表示」 → 「ツール バー」 に 「お気に入りバー」 ってありますけど、これのことじゃなくて？
この手のことは、本よりもネットで調べたほうが早いと思いますよ。
おはようございます。
I:naさんの教えてくれていた画像加工ソフトを
入れたときに変なソフトがはいったので削除したら、お気に入りセンターがなくなっちゃいました。で、お気に入り登録していたものがわからなくなり、
「C:￥Users￥パソコン登録者の名前￥Downloads￥Favorites￥Favorites」は利用できない場所を参照しています。途中なんとかかんとかで、その情報は別の場所に移動した可能性があります」
とでるのですが、どうやって移動した場所を探すのでしょう？
色々やってますがでませんです。
I:naさんの教えてくれていた画像加工ソフトを
入れたときに変なソフトがはいったので削除したら、お気に入りセンターがなくなっちゃいました。で、お気に入り登録していたものがわからなくなり、
「C:￥Users￥パソコン登録者の名前￥Downloads￥Favorites￥Favorites」は利用できない場所を参照しています。途中なんとかかんとかで、その情報は別の場所に移動した可能性があります」
とでるのですが、どうやって移動した場所を探すのでしょう？
色々やってますがでませんです。
◆ maguguさん
こんにちは！
ああ、そういうことですか。
たぶんインストールしたアプリが、IEのお気に入りの場所を変更しちゃったんだけど
そのアプリをアンインストールして、そのフォルダも削除されたので
「お気に入りのフォルダがないよ」 って言われているんですね。
戻す方法ですが、ここのページに書かれてますので見てください。
ttp://support.microsoft.com/kb/2463260/ja
Win7, VISTAについて書いてあります。
ここを見ても戻らなかったら、また聞いてください。
こんにちは！
ああ、そういうことですか。
たぶんインストールしたアプリが、IEのお気に入りの場所を変更しちゃったんだけど
そのアプリをアンインストールして、そのフォルダも削除されたので
「お気に入りのフォルダがないよ」 って言われているんですね。
戻す方法ですが、ここのページに書かれてますので見てください。
ttp://support.microsoft.com/kb/2463260/ja
Win7, VISTAについて書いてあります。
ここを見ても戻らなかったら、また聞いてください。
こんばんは～
お仕事お忙しいところに、ご回答ありがとうございます。
みてみました。
shell:favoritesといれてみましたら
「フォルダが空です 6/7 18:21」
とでました。
「サイズ０バイト」
それで右クリックをしたところプロパティの項目が全般と共有とセキュリティとカスタマイズだけしかなく場所というものがでてこないので
ここまででとまってしまいました。
以前のお気に入りの記録がなくなってもいいのですが、新しくお気に入りを登録するための「お気に入りセンター」の機能の復活をどうやってさせるのかがわかりません。フォルダを消してしまったんですね・・・・。全然急がないのでよかったらお時間のあるときに教えてください～～～。
お仕事お忙しいところに、ご回答ありがとうございます。
みてみました。
shell:favoritesといれてみましたら
「フォルダが空です 6/7 18:21」
とでました。
「サイズ０バイト」
それで右クリックをしたところプロパティの項目が全般と共有とセキュリティとカスタマイズだけしかなく場所というものがでてこないので
ここまででとまってしまいました。
以前のお気に入りの記録がなくなってもいいのですが、新しくお気に入りを登録するための「お気に入りセンター」の機能の復活をどうやってさせるのかがわかりません。フォルダを消してしまったんですね・・・・。全然急がないのでよかったらお時間のあるときに教えてください～～～。
◆ maguguさん
こんばんは。
デスクトップのマイコンピュータを開いて
C:\Users\[ユーザ名] のところに 「お気に入り」 というフォルダがないですか？
もしあれば、それがデフォルトのフォルダですから
そこで右クリックしてみてください。
こんばんは。
デスクトップのマイコンピュータを開いて
C:\Users\[ユーザ名] のところに 「お気に入り」 というフォルダがないですか？
もしあれば、それがデフォルトのフォルダですから
そこで右クリックしてみてください。
こんにちは～
お気に入りのプロパティはでますが
「場所」がないですね。
もう少し検索して調べてみますね。
ありがとうございました。
パソコン難しいですね（涙）
でも、検索すると結構でてたりするんですね、
全然知りませんでしたよ～。
お気に入りのプロパティはでますが
「場所」がないですね。
もう少し検索して調べてみますね。
ありがとうございました。
パソコン難しいですね（涙）
でも、検索すると結構でてたりするんですね、
全然知りませんでしたよ～。
magugu
2013年06月27日 16:22
2013年06月27日 16:22
◆ maguguさん
こんにちは。
結構同じ症状になってる方は、いるみたいですね。
とりあえず直ったっぽいとのことなので、ホッとしました。
また何かわからないことがあったら、聞いてください。
こんにちは。
結構同じ症状になってる方は、いるみたいですね。
とりあえず直ったっぽいとのことなので、ホッとしました。
また何かわからないことがあったら、聞いてください。
