ブログにファビコン(サイトアイコン)を表示させたいけど、
![](https://i0.wp.com/nekolicense.com/wp-content/themes/cocoon-master/images/b-woman.png?w=1120&ssl=1)
ファビコンはどうやって設定するの?
と疑問に思ったことはありませんか?
ファビコン(サイトアイコン)は、ブログをブックマークした時や、ネットで検索した時にブログ名の左側に表示されるアイコンのこと。
設定しておくと、ブログをブックマークしたときにアイコンが表示さま。
![ナナ](https://i0.wp.com/nekolicense.com/wp-content/uploads/2021/12/20211110_071019-1.jpg?w=1120&ssl=1)
ブログのアイコンがあるだけで目立ちますよね。
他の人とブログを差別化したい人におすすめ!
今回は、ワードプレスでCocoonのテーマを利用している人向けに、ファビコン(サイトアイコン)を設定する方法を紹介します。
ワードプレスにファビコン(サイトアイコン)を表示する方法
好きなアイコンを用意する
まずは、ファビコン(サイトアイコン)を設定する前に、フリー素材のアイコンや自分で作成した画像を用意しましょう。
ブログのアイコン用の画像を用意したら、設定を始めます。
ワードプレスの設定方法
ワードプレスのダッシュボード画面にログインして、「外観」→「カスタマイズ」をクリックします。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/01/20220112_114922.jpg?resize=558%2C628&ssl=1)
画面の左側にある「サイト基本情報」をクリックします。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/01/20220112_115047.jpg?resize=557%2C492&ssl=1)
一番下にある「サイトアイコンを選択」をクリックします。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/01/sketch-1641955502485.jpg?resize=546%2C549&ssl=1)
画像を選択の画面になるので、「ファイルをアップロード」をクリックします。
「ファイルを選択」をクリックして、最初に用意した画像を選びます。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/01/sketch-1641955685209.png?resize=572%2C592&ssl=1)
画像を選んだら、一番右下にある「選択」をクリックします。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/01/sketch-1641955600333.png?resize=492%2C338&ssl=1)
自分が選んだ画像が、一番下に表示されていれば、設定ができています。
間違いがなければ、一番上にある「公開」をクリックします。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/01/sketch-1641956287066.jpg?resize=568%2C661&ssl=1)
公開が、公開済みに変わればOKです。
これでファビコン(サイトアイコン)が設定が完了しました。
まとめ
今回は、ワードプレスにファビコン(サイトアイコン)を表示する方法を紹介しました。
ファビコン(サイトアイコン)は、ブログの顔でもあるので、ぜひ設定しておきたいですよね。
かんたんに設定できるので、今回の記事を参考に設定してみてください。