WordPressにfaiviconの設定

スポンサーリンク
WordPress
この記事は約2分で読めます。
ランキングに参加しています。応援よろしくお願いします。
ブログランキング・にほんブログ村へ 人気ブログランキングへ FC2ブログランキングへ

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!! かな…

タイトルとURLをコピーしました