WordPressのテーマTwenty Fourteenでfavicon.icoを設定する方法

シェアする

  • このエントリーをはてなブックマークに追加

WordPressのテーマTwenty Fourteenでfavicon.icoを設定してみました。
まず、favicon.icoのファイルを作成します。
ico形式はビットマップ形式と同じなので、私の場合、48x48ピクセルのビットマップを作成し、拡張子をicoに変更しました。

作成したfavico.icoをWordPressをインストールしているサーバーのスタイルシートが保存しているディレクトリにコピーします。

私の場合、スタイルシートは以下のフォルダにあります。
/var/www/wordpress/wp-content/themes/twentyfourteen
次に、header.phpに以下の行を追加します。

 

<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" />

 

挿入する位置はheadタグの中です。

 

 

設定が完了後に、ブラウザをリロードしてみると、ブラウザのタイトルタブの左側に作成したfavicon.icoが設定されていることがわかります。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です