sponsored link

【WordPress】ファビコン・サイトアイコン設定は4ステップで簡単に!

This article can be read in about 2 minutes.

Webページを閲覧しているときに左上に表示される、あるいはブックマークしたときに表示される「アイコン」

この記事ではその設定方法について簡単にご紹介します。

sponsored link

ファビコンはどれのこと?

What's favicon?

上の画像左上にあるアイコンがファビコンになります。

sponsored link

ファビコンの2つのメリット

ファビコンのメリットはなんと言っても「視覚効果」があります。

視覚的に自分のWebサイトを伝えることができるため、ユーザーの印象に残りやすくなるのです。

また、オリジナリティがあるものにすれば、WEBサイトの質感がグッと上がり、ユーザーにも自分のWebサイトの「シンボル」を伝えることができます

それでは、早速、見ていきましょう。

sponsored link

【準備】「正方形」「512×512ピクセル」の画像

まずは、ファビコンにしたい画像を準備しましょう。

推奨される画像ですが、下の画像(ピンク枠)にあるように「正方形」「512×512ピクセル」です。

画像が決まったら、設定に進みます。

sponsored link

Step.1「設定」をクリック

Click settings

WordPress編集画面の「設定」をクリックします(ピンク枠)。

sponsored link

Step.2「サイトアイコンを選択」をクリック

Click select site icon

すると「一般設定」の画面が出てくるので、その中のサイトアイコンにある「サイトアイコンを選択」をクリックします。

sponsored link

Step.3「画像」を選択

Click an image

サイトアイコンにしたい画像を選択します。

ちなみにこの画面で画像のピクセルが確認できます(上の画像は512×512ピクセルです)。

もし、画像をWordPressにアップロードしていない場合には、左上の「ファイルをアップロード」をクリックしてアップロードしましょう。

sponsored link

Step.4「サイトアイコンとして設定」をクリックして完了

Click set it as a site icon

「サイトアイコンとして設定」をクリックして完了です。

すると、サイトアイコンの画面にイメージが表示されます。

設定方法は以上になります。

sponsored link

ファビコンの由来は?

ファビコンは「favorite icon」のことで、いわゆるお気に入りのアイコンという意味です。

sponsored link

ファビコンの別名

ファビコンは、サイトアイコンの他、下に示す名前で呼ばれることがあります。

  • ショートカットアイコン
  • Webサイトアイコン
  • タブアイコン
  • URLアイコン
  • ブックマークアイコン

いずれも同じものを表しています。

以上、「ファビコン・サイトアイコン設定は4ステップで簡単に!」でした。

Copied title and URL