![やまみ](https://www.yamami-kurashi.com/wp-content/uploads/2022/01/yamami.jpg)
こんにちは、やまみ(@yamaminokurashi)です。
ブログを始めて半年が経とうとしています ! 早い !
みなさま、このたまご、見覚えがありませんか?
![](https://www.yamami-kurashi.com/wp-content/uploads/2022/02/3b2e9ffd27025fc2e0e3b37ad9cd0261.png)
これはCocoonの初期のアイコンでファビコンといいます。
今回は、このたまご(ファビコン)の変更方法や変更するべき理由などを説明します。
▸ ファビコンとは
▸ ファビコンを設定するべき理由
▸ ファビコンの設定方法
▸ ファビコンを作成/ダウンロードできるサイト
![やまみ](https://www.yamami-kurashi.com/wp-content/uploads/2022/02/ddb8d855a08af824ad05b9234464d0de.jpg)
ファビコンを設定して
サイトの認知度や信頼度をアップさせましょう!
ファビコンとは
ファビコンとは、タブなどに表示される小さなアイコンのことで、Favorite Icon(お気に入りのアイコン)という言葉を省略したものです。
WordPress/Cocoonでの設定はとても簡単なので、設定しておくことをオススメします。
▽ ファビコン
![パソコンのタブに表示されているファビコン](https://www.yamami-kurashi.com/wp-content/uploads/2022/02/6b505ff453ceaafe443c40ca0ef06543.png)
WordPressでファビコンが表示される場所
▸ アドレスバー
▸ タブ(PC/iphone)
▸ ブックマークバー(PC)
▸ ホーム画面(iphone) など
▽ タブ(PC)
![パソコンのタブに表示されているファビコン](https://www.yamami-kurashi.com/wp-content/uploads/2022/02/6b505ff453ceaafe443c40ca0ef06543-1.png)
▽ タブ(iphone)
![iphoneのタブに表示されているファビコン](https://www.yamami-kurashi.com/wp-content/uploads/2022/02/4efaf3a1d0b1ee7b2da524db80a14a4e-473x1024.png)
▽ ホーム画面(iphone)
![iphoneのホーム画面に表示されているファビコン](https://www.yamami-kurashi.com/wp-content/uploads/2022/02/ebb0ec38c18399d424d38225d50022dd-473x1024.png)
![やまみ](https://www.yamami-kurashi.com/wp-content/uploads/2022/02/75a96c6a6a783a2c4a93ee38a904e7b7.jpg)
こんなに色んなところに表示されるなら
設定しておいた方がですね!
ファビコンを設定するべき理由
サイトを認知してもらえる
ファビコンが設定されていれば一目でどのサイトを閲覧しているのかがわかります。
スマートフォンやパソコンから複数のサイトを同時に閲覧する際にもファビコンで認知できます。
サイト・運営者の信頼度につながる
ファビコンの設定は数分でできるのですが、意外とされていない方が多いです。
設定されていると、「丁寧に細部までこだわる方のサイトなんだな」と認識してもらうことができるので、サイト・運営者の信頼度につながります。
親近感が沸く
何度か同じデザインを見ていると親近感が沸いてきます。
親近感が沸くことにより、読者にサイトをリピートしてもらいやすくなります。
WordPress/Cocoon でファビコンを設定する方法
ファビコンの設定方法を説明します。
![やまみ](https://www.yamami-kurashi.com/wp-content/uploads/2022/02/ddb8d855a08af824ad05b9234464d0de.jpg)
私が使用しているテーマはCocoonです!
- 1カスタマイズ
ダッシュボードの「外観」から「カスタマイズ」を選択する
- 2サイト基本情報
「カスタマイズ」の中にある「サイト基本情報」を選択する
- 3サイトアイコンを選択
「サイトアイコンを選択」を選択し、画像を選択する
- 4公開
画像の選択が終わったら「公開」をクリックする
▽ 上記の手順と合わせてスクリーンショットもご確認ください。
① 「ダッシュボード」→「外観」→「カスタマイズ」を選択する。
![ダッシュボードの画面](https://www.yamami-kurashi.com/wp-content/uploads/2022/02/284ed1d84762b889c2090963792560d4.png)
② 「サイト基本情報」を選択する。
![ダッシュボードのカスタマイズの画面](https://www.yamami-kurashi.com/wp-content/uploads/2022/02/c60e4cee3df566ee98d59aad087f7156.png)
③ 「サイトアイコンを選択」を選択し、画像を選択する。
※「公開」のクリックをお忘れなく!
![ダッシュボードのサイト基本情報の画面](https://www.yamami-kurashi.com/wp-content/uploads/2022/02/00de2f8c34fb508de9e949df88c6329c.png)
ファビコンを無料で作成できるサイト
Canva
初心者ブロガーの強い味方【Canva】です。
「カスタムサイズ」(512×512ピクセル以上)でデザイン作成をし、テンプレートから好きなデザインを選択するだけ。
色変更や文字の追加なども簡単にできるので、一番のオススメです。
ICONSFLOW
【ICONSFLOW】は背景画像とメインのデザインを組み合わせてアイコンを作成します。
もちろん、背景画像なしでも作成が可能です。
サイト内の言語は英語ですが、使い方が簡単なので問題ないかと思います。
アイコン素材を無料でダウンロードできるサイト
ICOOON MONO
【ICOOON MONO】にはシンプルなデザインのアイコンが沢山あります。
自由に色を変えることも可能です。
ハンコでアソブ
【ハンコでアソブ】は名前の通り、ハンコ風のデザインでかわいらしいです。
他の人と被らないのも嬉しいですね。
FLAT ICON DESIGN
【FLAT ICON DESIGN】は、フラットデザインのアイコンがあり、種類が豊富です。
背景色のみ変更することが可能です。
さいごに
ファビコンの設定方法や、オススメのファビコン作成サイトなどを紹介しました。
読者やご自身のサイトの信頼度アップのため、是非ファビコンを設定してみてください。
![やまみ](https://www.yamami-kurashi.com/wp-content/uploads/2022/01/yamami.jpg)
サイトにもより愛着が湧きますよ!
☟ ランキング参加中!
◎ コメント