[WordPress]サイトのフロント画面と管理画面にそれぞれファビコンを設置

2013/02/19

サイトにファビコンを設置するとブックマークされた時など、探しやすくて便利です。

管理画面はフロント画面とは別のアイコンを設置することで、個人的には大変使い勝手がいいです。

functions.phpに下記を記述して、画像のURLを修正します。

<?php
//ファビコンの変更
function blog_favicon() {
  echo '<link rel="shortcut icon" type="image/x-icon" href="'.get_bloginfo('template_url').'/img/favicon.ico" />'."\n";
}
add_action('wp_head', 'blog_favicon');

//ファビコンの変更(管理画面)
function admin_favicon() {
  echo '<link rel="shortcut icon" type="image/x-icon" href="'.get_bloginfo('template_url').'/img/favicon-back.ico" />';
}
add_action('admin_head', 'admin_favicon');
?>

これで設定は完了です。
iconの作成はオンラインサービスや、フリーソフトなどありますが、
私は自分で作った画像をオンライン上でファビコンの拡張子に変更してくれるサービスを利用しています。
便利です。

• faviconr.com

最近はもっぱらこちらのサイトを利用してます。Windows用、Mac用、Linux用などのアイコンにも変更可能です！

• iConvert Icons

ちなみにファビコンサイズは16px✕16pxです。