2018/09/23SHAREツイートシェアはてブGoogle+PocketLINEファビコンはブラウザのタブなどで表示されるアイコンのことで、クリック率やブランディングに効果があると言われています。ファビコンの設置方法は非常に簡単なので、できれば設置しておきたいものです。そこでこの記事ではファビコンの設置における、簡単な方法を2つ解説していきます。画像の準備まずはファビコンに設定する画像の準備をします。ワードプレスにおいてファビコン用の画像は幅512px×高さ512px以上が推奨となっています。ファイルはPNGがオススメです。CC』で作成しています。素材などをダウンロードした画像でもファビコンとして使用できますが、できれば他のサイトと被らないオリジナルの方がいいでしょう。メディアに画像を読み込む作成した画像をワードプレス管理画面のサイドバーにある『メディア』から読み込んでいきます。メディア画面より『新規追加』をクリックし、ファイルをアップロードします。アップロードしたファイルのURLは後で使用するため、コピーをとっておきましょう。これで準備は完了です。テーマファイルの編集で設置する方法ワードプレスではテーマファイルのheader.phpを編集することでファビコンの設置ができます。header.phpへ移動ワードプレス管理画面のサイドバーにある『外観』の中の『テーマの編集』をクリックします。テーマの編集画面へ移行後、右側のテーマファイルの中の『テーマヘッダー』を選択します。ファビコンの設置はこの『header.php』を編集していきます。header.phpの編集まずはheader.phpの中にある『</head>』を探します。href=”ファビコン画像のURL”>というコードを入れ込みます。※ファビコンの画像のURLという部分はメディアに入れたファビコン用画像のURLに置き換えてください。編集が完了したら『変更を保存』をクリックします。ブラウザで確認するとfaviconが表示されていることが確認できます。※変更が反映されない場合はブラウザの履歴をクリアするなどを試してしてみてください。プラグインを使用する方法ファビコンの設置のもう一つの方法がプラグインを使用した設置です。Rotatorのインストールワードプレス管理画面のサイドバーから『プラグイン』を選択し、『新規追加』をクリックします。Rotator”と検索し、プラグインの『今すぐインストール』のボタンをクリックします。インストールが完了したら『有効化』しておきましょう。Rotatorの有効化が完了したら、ファビコンの設定を行います。ワードプレス管理画面の『外観』の中にある『Favicon』をクリックします。Icon』をクリックします。アイコン画像を設定する画面に切り替わるので、ここで先ほど入れた画像を選択します。Icon』をクリックします。Changes』をクリックすれば完了です。ブラウザで確認するとファビコンが表示されていることが確認できます。まとめこの記事ではファビコンの設置方法についてお伝えしました。●テーマファイル編集を行い設置する●プラグインを入れて設置する2種類の方法を紹介しましたが、どちらも初心者でもできる簡単な内容となっています。(どちらも簡単なので、エラーを防ぐためプラグインを入れるよりテーマファイルを編集する方法がオススメです。)ファビコンはブランディング効果としても設置しておいた方がいいので、ぜひチャレンジしてみて下さい。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。