WordPressにFavicon設置

WordPress

WordPressにFavicon設置するには色々ありますが、今回はfunctions.phpを編集する方法とheader.phpを編集する方法の2種類を紹介します。

favicon画像を制作したら、ルートディレクトリにfavicon.icoをアップロードする。

方法1
functions.phpに以下のコードを追加

function add_favicon_link(){
  echo '    <link href="'.home_url().'/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />';
echo "\n";
  echo '    <link href="'.home_url().'/favicon.ico" rel="icon" type="image/vnd.microsoft.icon" />';
}
add_action('wp_head', 'add_favicon_link');

方法2
header.phpの<head>~</head>の間に以下のコードを追加

    <link href="<?php echo home_url(); ?>/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
    <link href="<?php echo home_url(); ?>/favicon.ico" rel="icon" type="image/vnd.microsoft.icon" />

shortcut iconのみでも効果はありますが、shortcut iconとicon両方指定する方がいいです。

コメントを残す コメントをキャンセル

  3. WordPressにFavicon設置