WOrdPressテーマ「賢威」のファビコンをオリジナル画像に設定する方法を紹介します。

ファビコン(favicon)は「Favorite Icon（お気に入りアイコン）」の略です。つまり、ファビコンとはお気に入り(ブックマーク)に登録した際に表示される画像です。

または、お気に入りに登録しなくても、ページを開いた時にタブに表示されています。以下参照。

 

賢威のデフォルトのファビコンは以下の画像です。
※賢威の種類にもよります。

 

今回はこのファビコン画像をオリジナル画像に変更する方法を紹介します。

賢威ファイビコンの作成と設置方法！サイズや変換方法は？

まず、ファビコンに設定したい画像を正方形で作成します。画像のサイズはいくつでもかまいません。ex.150×150など（単位はピクセル）。

作成する画像の拡張子は「.jpg」「.png」「.bmp」などで問題ありませんが、WordPressのメディア内に新規登録(アップロード)する前に拡張子を「.ico」に変換する必要があります。

jpgやpngファイルをファビコンの拡張子「.ico」に変換する場合は、「ファビコン　変換」などで検索すると、無料で変換できるサイトがたくさん出てきます。
 

ファビコンデータに変換できたら、WordPressのメディアライブラリに新規登録(アップロード)し、画像のURLをメモ帳などにコピーします。（後ほど画像URLを使用するため）

では次に、アップロードした画像の表示方法を紹介します。

ダッシュボードの「外観」→「テーマエディター」→「ヘッダー(header.php)」をクリック。
　
 

以下のコードを編集します。※場所を検索する時はショートカットキー「CTRL + F」を使用すると便利です。

<link rel="shortcut icon" type="image/x-icon" href="<?php bloginfo('template_url'); ?>/favicon.ico" />

以下のように編集します。「画像URL」と記入されている部分に、先程メディアに新規登録した「ファビコン画像のURL」を入力します。

<link rel="shortcut icon" href="画像URL" />

編集が完了したら、【ファイルを更新】をクリックします。

以上の方法で、ファビコン画像を変更することができます。

一度オリジナル画像に変更しておけば、後は画像を入れ替えるだけでファビコン画像を変更できます。（変更したい画像を完全に削除して、新しい画像を同じ名前で新規登録する）

ちなみに、私のファビコン画像はExcelで作成し、キャプチャーした画像です。簡単に設定できますので、オリジナリティを出すために設定しておきましょう。