賢威ファビコン(FAVICON)の作成と設置方法!サイズや変換方法は?

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

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

または、お気に入りに登録しなくても、ページを開いた時にタブに表示されています。以下参照。
賢威 ファイビコン favicon 作成 設置方法 サイズ 変換方法 タブ ブックマーク お気に入り
 

賢威のデフォルトのファビコンは以下の画像です。
※賢威の種類にもよります。
賢威 ファイビコン favicon 作成 設置方法 サイズ 変換方法 賢威のファビコン
 

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

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

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

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

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

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

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

ダッシュボードの「外観」→「テーマエディター」→「ヘッダー(header.php)」をクリック。
WordPressの外観のテーマエディター 賢威 ファイビコン favicon 作成 設置方法 サイズ 変換方法 ヘッダー 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で作成し、キャプチャーした画像です。簡単に設定できますので、オリジナリティを出すために設定しておきましょう。

最後まで読んで頂いてありがとうございました。

記事が価値あるものだと思われたら、
下のボタンからシェアをして頂けると嬉しいです。

ブログの始め方・稼ぎ方をまとめたガイドブックをプレゼント中!

↓↓↓メルマガ登録は下のフォームから↓↓

無料メールマガジン登録フォーム

メルマガ登録フォーム

苗字 (漢字で)
メールアドレス

※私からお送りする全てのメールに解除リンクを付けていますので、いつでもメルマガ解除をすることが可能です。




コメントを残す



コメントはサイト管理者が確認するまで表示されません。
他の読者さんにも有益だと判断した場合のみコメント対応を致します。

個別の問い合わせは【こちら】からお願いします。