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

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

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

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


Sponsored Link

プラグインを使わず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!!
サイト作成時のファビコン作成・設置方法の紹介。
favikon
画像の指定範囲をファビコン化。
Sponsored Link

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

  1. ピンバック: 色々なデザイン集 デザイナーズ エッグ

コメントを残す