PCブラウザ横のやつって何か知ってますか?ファビコンと言って簡単に設定できますよ!

 - 

 -  >

 -  Web Design

PCブラウザで表示している時に、サイト名の横に表示しているあれ!

あれって何ていうか知っていましたか?

スクリーンショット 2015 05 04 20 28 10

 

そう、この色んなサイトでサイト名の左に表示されているやつです。

最近知ったのですが、これファビコンって言ってめちゃくちゃ簡単に設定することができます。

ちなみにこういう意味らしいです!

favicon(ファビコン)は、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。favorite icon(フェイバリット・アイコン:お気に入りアイコン)という英語の語句を縮約したものである。

Favicon – Wikipediaより)

 

別になくても困りはしないんですけど、これがちゃんと設定されてないと何となくイマイチなサイトに見えてしまいます。

自分のサイトはたぶん設定しなかったため、Googleのロゴが表示されていました。だいぶ前はWordPressのロゴだった気がしますが、いつの間にかGoogleになっていました。

ちゃんと設定したかったのですが、名称を知らなくて設定のしようがなかったので設定していませんでした。

 

NewImage

 

ファビコンの設定方法

設定方法はめちゃくちゃ簡単で、これをヘッダー内に入れるだけです。

 

WordPressでサイト運営をしていたら、header.phpにこれを入れるだけで設定完了です。

画像の拡張子はicoに設定をしてください。

めちゃくちゃ簡単ですよね?

 

驚くくらい簡単なので、まだファビコンの設定をしていない方は設定をしてみてください。

 

追記

突如気づいたのですが、なぜかiPhoneで表示されるファビコンは違っていて、デフォルトのstinger5のファビコンが設定されていました。

これも設定は簡単で、デフォルトで設定されているテーマなどを使用している場合は下記のコードをiPhone用のファビコンが設定されているのでheaderを確認してみてください。

これで設定をするとアンドロイドでも設定がされます。

Facebookでシェアする

Twitterでシェアする

はてなブックマークに追加

 更新をチェックする! follow us in feedly

カスタム検索

Popular Post

Copyright© 新卒フリーランサーのブログ!2015 All Rights Reserved.