スマホのブラウザの設定から”ホーム画面に追加”で、
ホーム画面に表示されるアイコンのこと。
上の画像は、@nifty(http://www.nifty.com/)のウェブクリップアイコン。
このアイコンを自分の好きな画像を指定することができる。
自分のグーぺのホームページが、スマホのホーム画面に追加
されることを願って(多分自分以外誰もいないと思うけど・・・泣)、
スマホ用のファビコンを設定してみた。
グーぺの管理画面から、デザイン設定で自分のテンプレートの編集画面を開く。
HTML編集の中の</head>の真上に、
<link rel="apple-touch-icon" href="{site_logo}" />
上記のコードを貼りつければいい。
上記のコードのファビコン画像は、グーぺの基本設定のロゴ画像設定で、
アップロードしたロゴ画像が使用される。
そのロゴ画像は144×144以上のサイズの画像をアップロードすれば、
どのファビコンサイズにも対応できる。
もしロゴ画像以外の画像を使用したい場合は、
上記のコードの{site_logo}部分を、
グーぺの管理画面の画像アップロードでアップロードした画像のURLに
変えればいい。
最後に”変更を保存する”ボタンを押すことを忘れないようにすれば、
スマホ用のファビコン(ウェブクリップアイコン)が設定されているはず。
グーぺのPC用ファビコン設定の記事はこちら

