WordPressで作っている当ブログ(good-lemon.tech)へのショートカット用のアイコンを,iPhoneのホーム画面に置けるようにしたいと思います.

<ショートカットアイコン(Favicon)とは?>
一見,iPhoneのアプリのようにも見えるアイコンの中に,実はWebサイトへのショートカットになっているものがあります.

例えばOZmallさんの場合,Webサイトで「ホーム画面に追加」を選択すると,

iPhoneの画面上に,アイコンが表示されます.

よくアクセスするサイトへのリンクを直接,iPhoneのホーム画面に置いておけるという感じですね.

ちなみに、何もアイコンを登録していない現時点の当WordPressで「ホーム画面に追加」をすると,次のように,非常にイケてない感じになってしまいます…

というわけで,この度,こういうロゴを用意しました.

センスが良いかどうかは別として(笑),WordPressで設定していきます.
まずは,ダッシュボードの「外観」>「カスタマイズ」と進み,「サイト基本情報」をクリック.

すると,次のようにアイコンを選ぶ画面が現れます.WordPressでは「サイトアイコン」と呼ばれるようですね.

もし画像が未アップロードの場合は「ファイルをアップロード」から進んでください.すでにアップロード済なら,次の図のように選択するだけです.

必要に応じて適宜トリミングしたら,「画像切り抜き」をクリック.

プレビューを見て,良さげだったら「公開」をクリック.

以上! 拍子抜けするくらいカンタンでした…
無事,ホーム画面にアイコンが置けるようになったほか,SafariやChromeなどのブラウザでブックマーク登録した時も,アイコンが表示されるようになりました.

こうしてみると,ロゴの文字を大きくしたほうが良かった…などと思いつつ,まずはめでたし!