WordPressのテーマTwenty Fourteenでファビコン favicon.icoを設定する方法

WordPress

WordPressのテーマTwenty Fourteenで、ファビコン (favicon.ico) を設定してみました。

ファビコンについては、以下をご覧ください。

WordPressにFavicon.icoをアップロード出来ない Sorry, this file type is not permitted for security reasons.
このたび、WordPressにFavicon.icoをアップロードしようとすると Sorry, this file t...

スポンサーリンク
スポンサーリンク

ファビコン 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が設定されていることがわかります。

※ WordPress 4.4から、管理画面にサイトアイコンという項目が追加されました。サイトアイコンからファビコンを追加することが出来ます。

WordPressのおすすめ本

↓WordPressのおすすめ本はコチラ

WordPressのおすすめ本