Jetpackのサイトアイコン機能でホームページのアイコンを設定する

お気に入りとかに表示されるホームページ独自のアイコンをfavicon（ファビコン）と言う。
設定するには、画像ファイルを作って、ページのヘッダーコード内に特定のコードを書けば良いのだが、万能プラグインの「Jetpack」にないかなー？と思って探したら余裕であったので、今回はJetpackのサイトアイコン機能（Site Icon）で実装してみる。

Jetpackのインストール・設定については、下記参照。
→JetpackはWordPressに必須のプラグインなのでインストールから設定までやってみる

サイトアイコン機能の設定手順

1. Jetpackの設定画面にて「Site Icon」の「設定」をクリックする。
   

2. 画面が切り替わるので『画像を選択』ボタンをクリックする。
   

3. 画像のサイズは512×512ピクセル。
   読み込ませてみた。↓
   

4. 『保存して公開』ボタンをクリックする。
   

5. 早速なんか小さいのが付いた。
   
   若干っていうか、かなり見にくいけど画像がウンコなだけでJetpackのせいではない。

6. スマートフォンで見たときのサイトアイコン↓
   
   うん、見える見える。

まとめ

通常、表示デバイスに合わせて複数のアイコン画像を作ったりしないといけないけど、Jetpackのサイトアイコン機能なら512×512ピクセルの画像1枚でオッケーなのでラクできた。