makeshop スマホウェブクリップアイコンの設定方法

スマホでブックマークした時にホームにちゃんとアイコンが出てくるようにする為の設定。

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

プレミアムショッププランでしかできないようなので、このプランの方は絶対やった方が良いです。

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

ファイル名 apple-touch-icon

ファイル形式 PNG(拡張子.png)

ファイルサイズ152px × 152px

（２）アイコン（apple-touch-icon.png）は、「ギガプラス10」や「ＷＥＢＦＴＰ」からアップロード

（３）

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

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

<link rel=”apple-touch-icon” href=”アイコン画像URLパス/apple-touch-icon.png” />

・href=”http://〇〇（URL）/[フォルダ名]/apple-touch-icon.png”
↑（1）でアップロードしたアイコン画像のURLを絶対パス
この例では、apple-touch-icon.png　というpngファイルを指定
記入する場所はscriptの間とかじゃなければどこでもいいです。