wordpressのサイトにファビコンを設置しよう!

wordpress-favicon

ファビコンは知っているだろうか?下の画像を見て欲しい。

wordpressにファビコンを設置する

これがファビコンだ。このようにページを見ている時にブラウザの上部に表示される画像の事だ。ファビコンは、ウェブサイトをお気に入りに登録した時にも表示される。

ファビコンをあなたのウェブサイトに設置する事により、サイト閲覧者があなたのウェブサイトを見つけやすくなる。

ファビコンを制作しよう!

まずはじめにファビコンとして使う「16px」×「16px」の画像を制作する。いろいろ画像編集ソフトはあるが、私は”paint.net“を使用している。無料で使いやすいので、よければ試して欲しい。

paint.netダウンロード

画像を制作したらFavIcon from Picsでファビコンファイルを制作する。

  • リンク先のページで”ファイルを選択“をクリックしよう。
  • ファイル選択ボックスが開くので、先ほど制作したファビコン用画像を選択する。
  • 次に”Generate Favicon.ico“をクリックしよう。

これで”favicon.ico“というファビコンファイルが出来上がった。ffftpを使ってファビコンファイルをサーバーにアップロードしよう。

サイトにファビコンを設置する

ウェブサイトにファビコンを表示させるにはheader.phpを操作する。header.phpの<head>~</head>の間、要するにheadタグ内に下記のコードを書き足そう。

注意:<header>~</header>内ではなく<head>~</head>内にコードを書き足す。<header>~</header>内ではないので注意しよう。

<link rel="shortcut icon" href="http://画像URL" />

※”http://画像URL“にはあなたがアップロードしたファビコンファイルのURLを記入しよう。

これでウェブサイトにファビコンを設置する事ができた!