こんにちは、makeshopのあらいです。
いつもmakeshopをご利用いただきありがとうございます。

今回はスマホ用にウェブクリップアイコンの設定方法をご紹介します！
スマートフォンからの訪問者数が多い場合は、ぜひ設定してみましょう！

こんなお悩みありませんか？

・ウェブクリップアイコンを設置したい
・スマホのホーム画面にオリジナル画像を設定してショップページへリンクしたい

ウェブクリップアイコンって？！

スマホのホーム画面にウェブサイトへのショートカット(ブックマーク)を設定することを
「ウェブクリップ」と呼びます。
このときにホーム画面で使用されるアイコンを「ウェブクリップアイコン」と言います。

[難易度 ★☆☆ ]
かんたん！スマホウェブクリップアイコンを設定したい
※プレミアムショッププランのみ

（1）アイコンを用意！

ウェブクリップ用のアイコンは下記の表を参考に作成します！

ファイル名	ファイル形式	ファイルサイズ
apple-touch-icon	PNG(拡張子.png)	152px × 152px

↓このようにシンプルなものがオススメです！

（2）スマホ headタグ内にlink要素を追記！

【独自デザイン（スマホ）】> 【スマホデザインの設定】
　適用中のスマホテンプレートの「編集」をクリック
【共通headタグ管理】 へ

「全ページ共通」の共通headタグ編集エディターエリアに下記のソースを追記してください。

（3）完了！

→できあがり
スマホで確認してみましょう！

アイコンはこのように正方形の角が自動で丸角になって表示されます。

いかがでしたでしょうか。
作ったアイコンが表示されると嬉しいですね。ぜひ設定してみてください！
それではまた！