Faviconを設置する

少し余裕ができたのでWordpressFaviconを設置します

作成手順

  1. Favicon用画像を作成します。IllustratorPhotoshopで16px×16px、32px×32px、48px×48pxサイズのpng透過ファイルにして保存します。今回はPhotoshopの「Cute Bear Photoshop Brush」ブラシでクマの顔のファイルを作成しました。
  2. フリーのFavicon作成サービスをWEB上で探して上記のファイルからFavicon.icoファイルを出力します。今回はこちらのサイトを利用しました。http://ao-system.net/favicon/index.php
  3. Favicon.icoファイルをwp-content>themes>テーマのフォルダ(私の場合はTwenty Eleven)にコピペします。
  4. header.phpに下記の一文を挿入します。場所はの直前です。
<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />

うまく設置できました。
20130513182254