9月 01

favicon.icoの作り方

WordPress Add comments 468 PVs
Posted at 12:08 by Hiro


ブログ用のfaviconを設置してみました。
自分でfavicon用の画像（pngファイル）を作ってから、FavIcon from Picsというサービスを使ってicoファイルに変換しました。pngファイルだけでなく、gifやjpgファイルからも変換してくれるようです。画像のサイズも32×32ピクセルに合わせる必要もないので非常に便利です。

ファイルをアップロードして「Download FavIcon」をクリックすると、zipファイルとしてfaviconファイル群が送られてきます。

zipファイルを解凍すると、favicon.icoファイルと並んでextraディレクトリが格納されており、このextraディレクトリ内にあるtransparent.icoファイルを使います。transparent.icoはfavicon.icoの背景色を透過にしたバージョンで、こっちの方がブラウザで表示した時に見栄えがいいです。

transparent.icoをfavicon.icoにリネームしてからテーマフォルダのimagesディレクトリにアップします。同じくテーマフォルダ内にあるheader.phpの<head>～</head>タグの間に以下のPHPコードを追記すれば完了です。

<link rel="shortcut icon"
     href="<?php bloginfo('stylesheet_directory'); ?>/images/favicon.ico" />
タグ: • •

コメントをどうぞ