ファビコンはWebサイトのシンボルマークになります。
サイトを訪れてくれたユーザーに印象付けるためにも、WordPressのデフォルトのファビコンではなく、サイトの内容に沿ったオリジナルのファビコンを作っておくと良いでしょう。
![](https://i1.wp.com/seashell-spa.com/wp-content/uploads/2021/06/favicon-image-min.jpg?resize=291%2C79&ssl=1)
ファビコン
ファビコンはillustratorやPhotoshopなどのソフトやペイントツールのようなフリーソフトでも作成可能です。
簡単な画像なので自分で作ってしまうこともできますが、高クオリティなものを作りたい場合はクラウドワークスのようなクラウドソーシングサイトでファビコン画像を発注することもできます。
ファビコン作成サイト
→ファビコンに最適な画像サイズに変換してくれます。
おしゃれなアイコン画像が作れるサイト
DesignEvoというサイトを利用すれば、おしゃれなアイコンを簡単に作成できます。
いくつかのテンプレートの中から、自分なりに作り替えてダウンロードできる便利な無料サイトです。スマホアプリ版も用意されています。
https://www.designevo.com/jp/(DesignEvo)
目次
【AFFINGER5】ファビコンを設定する手順
今回はWordPressテーマ「AFFINGER5」を利用している方向けに、ファビコンを設定する手順を解説しています。
AFFINGER5では、ファビコンを設定する方法が2つあります。
AFFINGER5管理からファビコンを設定
WordPress管理画面から、AFFINGER5管理 → 会話・ファビコン等を選択。
![](https://i0.wp.com/seashell-spa.com/wp-content/uploads/2021/06/favicon-min.jpg?resize=273%2C344&ssl=1)
アイコン・ファビコン設定で画像をアップロードします。
ファビコンに設定する画像のサイズは512×512pixelが良いでしょう。
![ファビコン設定](https://i1.wp.com/seashell-spa.com/wp-content/uploads/2021/06/favicon-setting-min.jpg?resize=419%2C359&ssl=1)
「保存」を選択し、サイトを表示すればファビコン画像が反映されています。
カスタマイズから設定
WordPress管理画面 → 外観 → カスタマイズを選択。
![外観・カスタマイズ](https://i2.wp.com/seashell-spa.com/wp-content/uploads/2021/06/カスタマイズ-min.jpg?resize=239%2C418&ssl=1)
サイト基本情報 → サイトアイコンを選択 → 公開
これでファビコンが設定できます。