【AFFINGER6（アフィンガー６）】favicon（サイトアイコン）を設定する方法

こんにちは、めらです。

favicon（サイトアイコン）を設定していると、どのタブでどのサイトを開いているのかがわかって、便利ですよね。

でも、そもそもfavicon（サイトアイコン）の設定がわからなくて、困った経験はありませんか？

わからない人

favicon（サイトアイコン）の設定方法を知りたい•••

この記事では、現在AFFINGER6を使用している私が、アフィンガー６での（サイトアイコン）の設定方法を詳しくご紹介します。

記事の内容

favicon（サイトアイコン）を設定する必要性
アフィンガー６でfavicon（サイトアイコン）を設定する方法

記事の信頼性

当ブログはAFFINGER6を使用して、favicon（サイトアイコン）を設定しました！

⬇︎今回作成するfavicon（サイトアイコン）はこんな感じ⬇︎

それでは、いきましょう！

⬇︎AFFINGER6を購入検討されている方は、以下の徹底レビュー記事をご覧ください⬇︎

favicon（サイトアイコン）の必要性

favicon（サイトアイコン）を設定する前に、「なぜfavicon（サイトアイコン）が必要なのか」をきちんと理解しておく必要があります。

結論、どのタブがどのサイトをひらいているのかを確認するためです。

たとえば、あなたがセブンイレブンのコンビニに行きたくて、入ったコンビニがローソンだったらどう思いますか？

普通は、セブンイレブンなら「７」、ローソンなら「牛乳びん」の看板があるので、間違えることはありません。

しかし、看板が無く、お店の外装が全部同じだったらどうでしょうか。

おそらく特定のコンビニを見つけ出すことはほぼ不可能です。

これはブログも考え方が同じで、favicon（サイトアイコン）が設定されてないと、どのタブがどのサイトをひらいているのかを確認することが困難です。

favicon（サイトアイコン）が設定されていないと、こんな感じになります。

なんのサイトをひらいているかわかりにくいですね

めら

だから、favicon（サイトアイコン）の設定が大切なんです！

AFFINGER6（アフィンガー６）でfavicon（サイトアイコン）を設定する方法

それでは、本題に進みます！

アフィンガー６でfavicon（サイトアイコン）を設定する方法は、以下の通りです。

favicon（サイトアイコン）の設定方法

画像サイズを確認する
favicon（サイトアイコン）の画像を挿入

１つずつ見ていきましょう！

画像サイズを変更する

はじめに、favicon（サイトアイコン）とは、ブックマークバーやブラウザーのタブなどに表示される画像アイコンのことです。

推奨サイズは、「512×512px以上の正方形」です。

このサイズからもわかるように、大きめに作る必要があります。

しかし、実際に見てもらうとわかりますが、表示されるサイズは10px程度の大きさです。
なので、細かくこだわって作成しても、つぶれて見えなくなってしまいます。

以上のことから、細かく作られたものよりも、見分けがつきやすいシンプルなデザインの方が、他のサイトタブとの見分けがつきやすくなります。

他のサイトを見てみるとわかりますが、シンプルなデザインが多いですよね！

favicon（サイトアイコン）の画像を挿入

「外観」→「カスタマイズ」→「サイト基本情報」→「サイトアイコン」

画像を選択した後に、「公開」を設定して完成です！

WordPressの「メディア」には、ファイル名が違うサイトアイコン画像が作成されていますが、捨てないようにしましょう。

AFFINGER6（アフィンガー６）でfavicon（サイトアイコン）を設定しよう

今回は、「アフィンガー６でのfavicon（サイトアイコン）の作成方法」を解説しました。

これであなたのサイトは、読者から見てもきちんと認識できるようになりました！

favicon（サイトアイコン）はお店の看板みたいなものなので、読者を迷わせないためにも、設定しておきましょう！

最後まで読んでいただき、ありがとうございました。

まだAFFINGER6を購入されてない方は、以下の徹底レビュー記事をご覧ください。