favicon(ファビコン)とは、Webサイトを表示した際に、アドレスバーのURLの左側やブラウザのサイト名のタブ、ブックマークアイコンなどのシンボルマーク、ロゴです。
おすすめ記事
設定しない状態だと真っ白なものが表示されているはず。
faviconの表示があることで信頼のあるサイトだと思われやすくアクセス率がUPするとかしないとか…。
ということで、当ブログにもfaviconをと思いWordPressへの設定方法を説明する。
◆favicon画像作成
faviconにするgifやjpegなどの画像ファイルを用意する。(大きさは何でもいい)
favicon作成サイトでfaviconに変換する(無料で変換できるサイトが複数あるので探してください)今回はこちらを利用。
faviconの作成の元画像ファイルを選択し、[favicon.icoを作成]ボタンをクリックするだけ。
作成されたfavicon.icoがプレビュー表示されているので確認し、[ダウンロード]ボタンをクリックして保存します。
◆WordPressへの設定
メディアライブラリへ作成したfavicon.icoファイルをアップロードする。
アップロードされたファイルの編集画面を開き、ファイルのURLをコピーする。
[外観]の[テーマ編集]をクリックし、「ヘッダー(header.php)」を開く。
<head></head>の間に次のソースを記述する。
<link rel=”shortcut icon” href=”コピーしたfaviconのURL”>
[ファイルを更新]ボタンをクリックして保存
実際にサイトにアクセスし、faviconが表示されていることを確認する。
これで、アクセス率UP!! かな…