WordPressにサイトアイコン(ファビコン&スマホタッチアイコン)を設定する方法をまとめています。
準備する画像
WordPress Version 4.3以降、ファビコン&スマホタッチアイコンは、カスタイマイザーから設定できるようになりました。プラグインは不要です。.ico
ファイルを用意する必要もありません。
サイトアイコンの画像には、縦横512ピクセル以上の正方形が推奨されていますが、ファビコンは縦横16px、スマホタッチアイコンは縦横192pxの大きさがあれば綺麗に表示されます。ファイル形式は指定されていません。
背景を透過させたい時は、png
及びgif
形式の透過画像を用意して下さい。
サイトアイコンの設定
カスタマイザーを開いて、「サイト基本情報」をクリックします(テーマによっては階層が異なる)。
![サイト基本情報をクリック](https://affilabo.com/wp-content/uploads/2015/02/427fba913b93b33e0c1e4f5f1ff9c3f2.png)
画面一番下の「サイトアイコンを選択」をクリックします。
![サイトアイコンの「画像を選択」をクリック](https://affilabo.com/wp-content/uploads/2015/02/035c0b8de74dd930553e4c2caf5361b4.png)
サイトアイコンに設定したい画像を選択します。
![画像をアップロードして「選択」をクリック](https://affilabo.com/wp-content/uploads/2015/02/39698aa7e9d180b969f82402b788b2a1.png)
プレビューを確認して、問題なければ「公開」をクリックします。
![プレビューを確認して問題なければ「公開」をクリック](https://affilabo.com/wp-content/uploads/2015/02/656a5df9604b557c5ab6ac35bc66c90f.png)
これでサイトアイコンの設定は完了です。スマホでも綺麗に表示されているか確認して下さい。
最後に
ファビコンやスマホタッチアイコンを設定したい時は、WordPressのデフォルト機能を使うと便利です。
但し、途中でサイトアイコンを変更すると、キャッシュの影響で検索結果に表示されるアイコンがなかなか更新されないことがあります。長いと半月以上かかることもあるので、頻繁に変更するのはおすすめしません。
コメント