スマホで気に入ったウェブサイトをホーム画面に追加するときに、そのサイトを象徴する画像が表示されます。
ウェブクリップアイコンというそうです。
Youtubeであれば、赤い四角形の中に白い三角形のおなじみのマーク。
メルカリであればこれまたおなじみ、赤い立方体に青い丸と「m」。
これらはファビコンから反映されるものではなく、自分で設定する必要があるそう。
何も設定していなかったので、Android上では灰色の背景に白地で「S」と味もそっけもない見た目でした。
さっそくこちらのサイトを参考に更新してみました。
→「[Shopify] ファビコンとスマホ用ウェブクリップアイコンを追加する方法」
各デバイスに対応したサイズのアイコンに自動変換してくれるサイトへ飛び、変換＆ダウンロード。
手順に従い、shopifyにコピー。多少コードを編集…
iPhone以外でいくつかエラーが出ているみたいですが…とりあえずAndroidでの表示も確認できたので、今日はここまでにします。
再度URLを記載しますが、こちらのブログのお陰でなんとか進めることが出来ました。ありがとうございます。
