WordPressのfavicon設定：サイトアイコンの入れ方（基本）
公開日
faviconを作ったら、次はWordPressに設定して表示させます。 WordPressでは、テーマや環境によって表示が変わることがありますが、基本は「サイトアイコン」を設定する流れになります。
この記事では、WordPressでfaviconを設定する手順を、はじめてでも迷いにくい形でまとめました。
WordPressでfavicon（サイトアイコン）を設定する流れ
1）favicon用の画像を用意する
正方形の画像が扱いやすいです。
小さく表示されるので、シンプルなデザインがおすすめです。
2）WordPressのカスタマイザーで設定する
一般的には、
- 「外観」→「カスタマイズ」
- 「サイト基本情報」
- 「サイトアイコン」
のような場所から設定できることが多いです。
※メニュー名はテーマやWordPressの表示で少し違うことがあります。
3）表示を確認する
設定後は
- ブラウザのタブ
- スマホ表示
などで反映を確認します。
キャッシュの影響で、すぐに変わらないこともあります。
うまく表示されないときのチェックポイント
- 画像が正方形か
- 画像が小さすぎないか
- ブラウザのキャッシュを消して再読み込み
などを確認すると改善することがあります。
Petanko Imageで事前に整えておくとラク
Petanko Imageのfavicon作成ツールを使うと、favicon向けのサイズ画像を作成できます。
「まず画像を整える→WordPressに設定」の順にすると迷いにくいです。
【画像例】
引き続き、Webで扱いやすい画像づくりのサポートに力を入れていきます。