favicon(ファビコン)を作って表示させよう

お気に入り表示

サイト構築初期作業としてfaviconの設置があります。

意外とおろそかにしがちですが、私的には意外とサイト作成初期段階でしっかりとやっておきたい作業だと思っています。

とは言っても作業は簡単。

まず、サイトのロゴを用意します。

多くの場合、その画像ファイル形式がJPEGかGIFだと思うので、ICOファイル (.ico)に変換させる必要があります。

では、どのようにしてicoファイルに変換するのか?

試しに「 favicon 無料 」と検索してみてください。無料で簡単に変更できそうなサイトが沢山ありますよね♪

実際どのサイトでもよいのでファイルを作ってみてください。

私は今回、favicon.icoを作ろう!というサイトで作ってみました。

faviconを作成

はい。できあがり。

favicon

自動的に、名前が「favicon.ico」に変換されているはずです。

次にその出来上がったファイルをFTPソフトでindexファイルと同じルートディレクトリにアップロードしてあげます。


ftpソフトでアップロード

最後の作業です。

ダッシュボードのテーマ編集の中から「header.php」というファイルを見つけ出します。

<head>~</head>の間のどこかに↓

<link rel="shortcut icon" href=http://あなたのURL/favicon.icotype="image/vnd.microsoft.icon">
<link rel="icon" href=http://あなたのURL/favicon.ico" type="image/vnd.microsoft.icon">

を書いたら完成!!

ie

IEでも、

firefox

Firefoxでも、

お気に入り表示

もちろんお気に入り登録でも! きれいに表示されていますね。

やはり、faviconがあるとリピーターさんが若干増える気がします。

是非、試してみてください。

ではでは。



シェアクリックをお願いします。

FacebookでシェアするTwitterでつぶやく
はてなブックマーク!

この記事は参考になりましたか?

この記事に対しての評価をお願いします。 
★1つ 最低最悪!くだらん。★2つ イマイチ!★3つ 普通。★4つ 良いね♪★5つ 最高!ブラボー!! (2 投票, 評価平均値: 3.50)
読み込み中 ... 読み込み中 ...
※5段階の簡単評価です。★をクリックすることで誰でも簡単に評価できますので「ポチっとな」をお気軽にお願いします。

Facebookページにご参加ください。

facebookではWEBビジネスに関する新着ニュースを厳選し配信しております。SEO関連・スマホアプリ・wordpress・サイトデザイン・新ビジネス等の情報収集にお役立てください。


スポンサードリンク
Hiroyuki Suga

Hiroyuki Suga株式会社IMPACT 代表取締役

投稿者プロフィール

約10年間のサラリーマン生活を経て、34歳で独立起業。
JOB: WEBコンサル&システム開発・運用
LOVE: 面白い事・フットサル・平和・妻&子(6歳)
メルマガ配信中!ぜひ登録おねがいいたします。

この著者の最新の記事

関連記事

ピックアップ記事

  1. wordpress

    2014-5-30

    えっ?これも!?wordpressで制作されたハイクオリティWEBサイト100選!

    最近では新しいCMSがドンドン誕生してきており、その機能の進化は凄いと感じます。特にWordPres…
  2. mail

    2013-8-23

    メルマガ配信スタンド・メール配信ASPシステム徹底比較!メルマガマーケティングとは?

    メルマガ配信スタンドについて考える さて今回はメールマガジン配信について考えてみようと思います。 …
  3. Disqus-アイキャッチ

    2013-5-31

    「DISQUS」で高機能コメント欄にレベルアップ!wordopress導入編

    「DISQUS」というサービスをご存知でしょうか? wordpressデザインを学ぶための超有名ブ…
  4. tcd

    2013-5-23

    ワードプレステンプレート「TCDさんのwordpressテーマ」が素晴らしすぎる件

    当サイトは既にご承知の通りwordpressという無料CMSツールを活用して構成されております。 …

はてなブックマーク人気エントリー

メルマガ登録

人気記事

  1. Google-extension
  2. SEO40
rank
ページ上部へ戻る