タブに表示されるアイコン(ファビコン)の設定方法!好きな画像を挿入しよう!

あなたのWordPressブログは、「GoogleChrome」「Internet Explorer」などのウェブブラウザで開いたときに、タブに表示される以下の画像を設定していますか?

favicon

この画像を設定しておくと、

  • ちゃんとしたサイトと見られる
  • ブックマークしたとき見つけやすい

などのメリットがあります。

そこで、この記事ではWordPressブログにおける「タブに表示されるあの画像」の設定方法をお伝えします。

ファビコンとは?

favicon

ファビコンが表示されるメリット

「GoogleChrome」や「Internet Explorer」などで何かサイトを開いたときに「タブに表示されるあの画像」のことを

  • ファビコン

と言います。

この設定をしておくだけで「ちゃんとしたサイト感」を出すことができるので、ファビコンがないサイトよりも信頼性が高まります。

このファビコンですが、ウェブブラウザに保存しているブックマークにも反映されます。

ブックマークにファビコンが反映されている様子

ファンが多いサイトほど、ブックマークをされます。

そのときに、ファビコンがあるサイトとそうでないサイトでは、見つけやすさが断然違います。

本を探すときに背表紙を見るように、サイトの整理にはファビコンが必須になります。

また、ファビコンはiPhoneでホーム画面に保存したときにも反映されます。

iPhoneのホーム画面位反映されたファビコン

「スマホのホーム画面に置くほどの熱狂的なファン」を作るサイトになれば、ファビコンの設定は必須になると言えるでしょう。

今まではプラグインが必要でした

これまで、WordPressブログでファビコンを設定しようと思うと、プラグインをインストールする必要がありました。

しかし、WordPressの度重なるアップデートによって、ファビコン設定のためにプラグインのインストールが不要になりました。

次の章ではそのファビコンを設定する方法をお伝えします。

WordPressにおけるファビコンの設定方法とは?

ダッシュボードから「外観」「ウィジェット」「ライブプレビューで管理」をクリックします。

ファビコン設定画面への入り方

次に、カスタマイザーに入ったら、「サイト基本設定」をクリックします。

サイト基本設定をクリック

以下の画面になりましたら、「画像を選択」をクリックしてファビコンに設定したい画像をクリックします。

画像を選択する

※ファビコンに設定する画像は縦・横ともに「512px」のものにしてください。

画像を設定しますと、以下のように反映されますので、右上の「保存をして公開」をクリックします。

ファビコン画像が反映されている様子

ブラウザのタブを確認して、反映されていたら完了となります。

ファビコン

まとめ

以上がWordPressにおけるファビコンの設定方法でした。

プラグインなどが不要になり、簡単に設定することができるようになりましたので、設定してみてくださいね。

スポンサードリンク