04月≪ 2017年05月 ≫06月

12345678910111213141516171819202122232425262728293031
--.--/--(--)

スポンサーサイト このエントリーをはてなブックマークに追加

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--:--  |  スポンサー広告  |  EDIT  |  Top↑
2013.06/03(Mon)

■アドレス欄やタブに、オリジナルのアイコンを表示する方法。 このエントリーをはてなブックマークに追加

ファビコン 
ファビコンって言うらしいです。


こんばんは!

がけっぷち課長です。

いつもお読み頂き、ありがとうございます!


自分の中にインプットしたものをアウトプットする事で、
知識をより強固にし、価値を高めていきます。
その中であなたにも気づきがあれば幸いです。
人間力を養成していきビジネスマインドを高めていきましょう。




さて、ブラウザを見ていると、タブにそのサイトのタイトルが表示されますよね?

そして左に小さなアイコンがついていると思います。

例えばアメブロだったら、こんなマーク。

ameba.png 

Googleで検索したら、「g」

google-g-logo-2012.png
 

Yahoo!Japanで検索したら「Y!」

img_300244_21058312_0.jpg
 

すべて固有のマークですよね。




でも、気になったことはありませんか?

特に設定していないと、右上が折れ曲がった紙っぽいアイコンなんですが、

時々、オリジナルっぽいアイコンのサイト、ありますよね?




これ、どうやるんだろうな~なんて僕は気になっていました。




オリジナルアイコンだと、なんだかちょっと嬉しいですよね。

サイト自体の評価が変わるわけではないですが、

しっかりした作りに見えます。

えぇ、自己満足です。笑




で、今回は、そんなアイコンの変更方法をお伝えします。

ちなみにこのちっちゃなアイコンの事を、

ファビコン』(Favicon:Favorite icon)

と言います。




お気に入りのアイコン、という意味なんですね。




アドレス欄以外にも、タブブラウザのタブや、

ブックマークに登録した際のアイコンにも使われます。

あと、ショートカットを作る際のアイコンにも使われますので、

オリジナルアイコンによって、より存在が強調されることだと思います。




さて、その方法ですが、

実はけっこう簡単でした。

HTMLの記述を1行追加するだけです。


<link rel="shortcut icon" href="http://○○○.ico">


この記述を<head></head>の間に入れえるだけです。

○○○.icoの部分は、実際の画像が置いてあるパスを指定します。

使用するアイコンをアップロードして、

そのファイルのパスを記述しましょう。




僕はこれで変更しました。

がけっぷち課長なので、「G」のマークにしましたよ。

どうですか?




FC2ブログの場合ですと、

ファビコンファイルのアップロード

テンプレートの編集

HTML編集の中にある<head> </head>を探す。

<link rel="shortcut icon" href="http://○○○.ico">

更新




これでできます。

ちなみにファビコン画像はオリジナルで作ることもできますが、

僕はめんどくさかったので、フリー素材をお借りしました。

ありがとうございます。

あなたもぜひやってみてオリジナルっぽいサイトにしていきましょう。




(*^o^*)




人気ブログランキングに参加しています。
役にたった、共感できたと感じたら、
応援クリックをお願いします。


起業家志望 ブログランキングへ

【More・・・】

 
関連記事
スポンサーサイト

テーマ : インターネットを使ってネットワークビジネスで成功する - ジャンル : ビジネス

タグ : マインドセット,仕事,人間力,ビジネスマインド,ファビコン,FC2ブログ,,

21:52  |  FC2ブログ  |  TB(0)  |  CM(0)  |  EDIT  |  Top↑

コメントを投稿する

URL
コメント
パスワード  編集・削除するのに必要
非公開  管理者だけにコメントを表示  (非公開コメント投稿可能)
 

▲PageTop

この記事のトラックバックURL

→http://kigyokariman.blog.fc2.com/tb.php/331-20789e6c
この記事にトラックバックする(FC2ブログユーザー)

この記事へのトラックバック

▲PageTop

 | BLOGTOP | 
Related Posts Plugin for WordPress, Blogger...
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。