WordPressでFavicon(ファビコン)を表示するカスタマイズ
![]()
サイト名の前に表示される画像を Favicon(ファビコン)といいますが、独自ドメインで運営しているサイトは大概設置してますね。 ヘッダ画像とこの Favicon はある意味サイトの顔みたいなものなので、当ブログにも早速設置してみました。
Favicon Manager WordPress Plugin という Favicon を設置できるプラグインもあるようですが、なるだけプラグインは少なくしたいので、今回はタグ記入だけで表示するようカスタマイズ。
プラグインを使わずFavicon(ファビコン)を設置
- Favicon に使う画像を用意しファイル名を favicon.ico に変更。
- Favicon 画像を使用中テーマのメインディレクトリに設置(/wp-content/themes/xxxx)。
- header.php の </head>タグの上あたりに以下のタグを記入。
<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />
以上。
ブラウザで Favicon(ファビコン)が表示できていれば OK 。
ちなみに当ブログのアイコンは ジョジョアイコン さんの初期イギーを使用。
以下に Favicon(ファビコン)を作成できるサイトを幾つか紹介しておきます。
Favicon(ファビコン)を作成できるサイト
- Favicon Japan!!
- サイト作成時のファビコン作成・設置方法の紹介。
- ファビコン メーカー
- faviconを作ろう!無料で簡単Faviconメーカー。
- favikon
- 画像の指定範囲をファビコン化。






[...] 参考サイト WordPressでFavicon(ファビコン)を表示するカスタマイズ Tags: web web [...]
[...] こちらを参考にさせていただきました。 [...]
[...] で ついでにファビコンにもチャレンジしてみました。 思いの他簡単に設置が出来てしまい、バナーがまだ…。 イメージは星のコンタクトレンズです。 参考サイトはこちらと、こちら [...]
[...] (2)作ったファビコンをブログにアップロードする(参考元はこちら) [...]
[...] 《the fool》 [...]
[...] 参考にしたのはこちらのサイト WordPressでFavicon(ファビコン)を表示するカスタマイズ [...]
[...] すことが多い」と聞き、WordPress初心者の私はビビってしまったからです。 なお、今回はTHE FOOLさんの情報を参考にさせていただきました。ありがとうございました。この場を借りて御 [...]
[...] すことが多い」と聞き、WordPress初心者の私はビビってしまったからです。 なお、今回はTHE FOOLさんの情報を参考にさせていただきました。ありがとうございました。この場を借りて御 [...]
[...] WordPressでFavicon(ファビコン)を表示するカスタマイズ [...]
できないし・・
[...] WordPressでFavicon(ファビコン)を表示するカスタマイズ [...]
[...] WordPressでFavicon(ファビコン)を表示するカスタマイズ: “” [...]
[...] そのうち直します^^ コチラのサイトを参考にさせて頂きました^^ WordPressでFavicon(ファビコン)を表示するカスタマイズ [...]