WordPressでFavicon(ファビコン)を表示するカスタマイズ

サイト名の前に表示される画像を Favicon(ファビコン)といいますが、独自ドメインで運営しているサイトは大概設置してますね。 ヘッダ画像とこの Favicon はある意味サイトの顔みたいなものなので、当ブログにも早速設置してみました。

Favicon Manager WordPress Plugin という Favicon を設置できるプラグインもあるようですが、なるだけプラグインは少なくしたいので、今回はタグ記入だけで表示するようカスタマイズ。



プラグインを使わずFavicon(ファビコン)を設置

  1. Favicon に使う画像を用意しファイル名を favicon.ico に変更。
  2. Favicon 画像を使用中テーマのメインディレクトリに設置(/wp-content/themes/xxxx)。
  3. header.php の </head>タグの上あたりに以下のタグを記入。
    <link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />

以上。

ブラウザで Favicon(ファビコン)が表示できていれば OK 。

ちなみに当ブログのアイコンは ジョジョアイコン さんの初期イギーを使用。 :omiso:

以下に Favicon(ファビコン)を作成できるサイトを幾つか紹介しておきます。


Favicon(ファビコン)を作成できるサイト

Favicon Japan!!
サイト作成時のファビコン作成・設置方法の紹介。
ファビコン メーカー
faviconを作ろう!無料で簡単Faviconメーカー。
favikon
画像の指定範囲をファビコン化。

コメント/トラックバック (13件のコメント)
トラックバック用URL:

この記事のコメント・トラックバックRSS

  1. [...] 参考サイト WordPressでFavicon(ファビコン)を表示するカスタマイズ Tags: web web [...]

  2. [...] こちらを参考にさせていただきました。 [...]

  3. [...] で ついでにファビコンにもチャレンジしてみました。 思いの他簡単に設置が出来てしまい、バナーがまだ…。 イメージは星のコンタクトレンズです。 参考サイトはこちらと、こちら [...]

  4. [...] (2)作ったファビコンをブログにアップロードする(参考元はこちら) [...]

  5. [...] 《the fool》 [...]

  6. [...] 参考にしたのはこちらのサイト WordPressでFavicon(ファビコン)を表示するカスタマイズ [...]

  7. [...] すことが多い」と聞き、WordPress初心者の私はビビってしまったからです。  なお、今回はTHE FOOLさんの情報を参考にさせていただきました。ありがとうございました。この場を借りて御 [...]

  8. [...] すことが多い」と聞き、WordPress初心者の私はビビってしまったからです。  なお、今回はTHE FOOLさんの情報を参考にさせていただきました。ありがとうございました。この場を借りて御 [...]

  9. [...] WordPressでFavicon(ファビコン)を表示するカスタマイズ [...]

  10. できないし・・

  11. [...] WordPressでFavicon(ファビコン)を表示するカスタマイズ [...]

  12. [...] WordPressでFavicon(ファビコン)を表示するカスタマイズ: “” [...]

  13. [...] そのうち直します^^   コチラのサイトを参考にさせて頂きました^^ WordPressでFavicon(ファビコン)を表示するカスタマイズ [...]

コメントをどうぞ

:wink: :twisted: :titi: :roll: :oops: :omiso: :mrgreen: :lol: :idea: :evil: :cry: :ase: :arrow: :?: :-| :-x :-o :-P :-D :-? :) :( :!: 8-O 8)