こんにちは、まちゃりさです。
今回は、ワードプレスでURL横にあるアイコン（ファビコン）の役割と設定方法について解説していきます。
「ファビコン」は、Webブラウザでページを開いたときに、アドレスバーやタブ部分に表示されるアイコンのことです。
サイトのシンボルマークです！
例えば、Cocoonのデフォルトでは、下のように卵のアイコンになっています。
サイトを立ち上げた後は、設定するのを忘れずに行いましょう！
画像があれば、簡単に設定できます！
今回の記事では、下記２点を中心に解説していきます。
- ファビコンとは？
- ワードプレスでファビコンを設定する方法
それでは、どうぞ！
ファビコンとは？
最初に、ファビコンについてご説明していきます。
ファビコンって何？？
いわば、Webサイトのシンボルマークといえるアイコンのことです！
ファビコンとは、Webブラウザでページを開いた際にアドレスバーやタブ部分に表示されるアイコンのことを言います。
名前の由来はね・・
お気に入り（favorite）に登録したときに表示されるアイコン（icon）が元になっています。
favorite icon（フェイバリット・アイコン）を縮小して、favicon（ファビコン）と呼ぶようになったとか！
なるほどね～
サイトやページを判別する目印となる部分なので、設定しておくのが望ましいです！
ファビコン画像はどんなものがいい？
では、ファビコン画像にはどんなものが適しているでしょうか？
以下にまとめてみました。
- Webサイトの内容が伝わるもの
- シンプルでわかりやすいもの
- 画像は正方形がよい
なるほど～
サイトのシンボルマークになる部分！複雑なデザインは避け、パット見で内容が伝わるものが◎
余談ですが、ファビコンに使用する画像は、圧縮し容量を減らしておくのがベターです。
私の場合は、以下サイトを使用して画像容量を軽くしてから使用しています。
【ワードプレス】ファビコンを設定する方法
ファビコンの役割がわかったところで、さっそくワードプレスでファビコンを設定する方法をご紹介します。
手順は簡単！サイト立ち上げ後は、早めにトライしてみよう！
- STEP１ワードプレスの管理画面を開く
- STEP２「外観」→「カスタマイズ」と進む
- STEP３サイト基本情報の「サイトアイコン」で、「サイトアイコンを選択」をクリック
- STEP４画像ファイルをアップロードし、「公開」をクリック
- STEP５表示を確認する
5分以内に終わります！それでは、いってみよう～！！
STEP１.ワードプレスの管理画面を開く
最初に、ワードプレスの管理画面（ダッシュボード画面）を開きます。
STEP２.「外観」→「カスタマイズ」と進む
次に、この管理画面のままで「外観」にカーソルを当て、「カスタマイズ」をクリックします。
STEP３.「サイトアイコンを選択」をクリック
画面が遷移します。
「サイト基本情報」をクリックします。
「サイトアイコン」欄の「サイトアイコンを選択」をクリックします。
STEP４.画像ファイルをアップロードし、「公開」をクリック
ファビコンに使用したい画像を取り込みます。
PCの場合は、
- ①使用する画像をクリックし、
- ②「開く」を選択します
該当の画像にチェックマークが入っているのを確認し、右下の「選択」をクリックします。
画像が取り込まれます。
下のイメージを確認後、上の「公開」をクリックします。
STEP５.表示を確認する
最後に、ファビコンが反映されたことを確認しましょう。
ワードプレスの管理画面、またはサイトのページを開き直します。
タブにファビコン画像が反映されているかを確認します。
設定は以上です！お疲れさまでした！無事設定できたかな？
まとめ：サイトを立ち上げたらファビコンを設定しよう！
いかがでしたか？
今回は、「ファビコンの役割」と「ワードプレスでの設定方法」についてご紹介しました！
ファビコンは、サイトのイメージを決める重要な部分です！
サイトを立ち上げた後は、ぜひ設定してみましょう。
ワードプレスであれば、簡単に設定できてしまいます。
個人的に、アイコンがデフォルトのままだと、サイトにこだわりがないのかな・・と思ってしまいます(;_:)
それでは、今回はこの辺で！
最後までお読みいただき、ありがとうございました！
おわり。
【PickUp】WordPressについてのおすすめ記事
【PickUp】Cocoonについてのおすすめ記事
コメント