2015年11月7日土曜日

グーぺに、スマホ用のファビコン(ウェブクリップアイコン)を設定してみた。




スマホ用のファビコン(ウェブクリップアイコン)とは、

スマホのブラウザの設定から”ホーム画面に追加”で、

ホーム画面に表示されるアイコンのこと。







上の画像は、@nifty(http://www.nifty.com/)のウェブクリップアイコン。

このアイコンを自分の好きな画像を指定することができる。


自分のグーぺのホームページが、スマホのホーム画面に追加

されることを願って(多分自分以外誰もいないと思うけど・・・泣)、

スマホ用のファビコンを設定してみた。


グーぺの管理画面から、デザイン設定で自分のテンプレートの編集画面を開く。

HTML編集の中の</head>の真上に、



<link rel="apple-touch-icon" href="{site_logo}" />




上記のコードを貼りつければいい。

上記のコードのファビコン画像は、グーぺの基本設定のロゴ画像設定で、

アップロードしたロゴ画像が使用される。


そのロゴ画像は144×144以上のサイズの画像をアップロードすれば、

どのファビコンサイズにも対応できる。


もしロゴ画像以外の画像を使用したい場合は、

上記のコードの{site_logo}部分を、

グーぺの管理画面の画像アップロードでアップロードした画像のURLに

変えればいい。


最後に”変更を保存する”ボタンを押すことを忘れないようにすれば、

スマホ用のファビコン(ウェブクリップアイコン)が設定されているはず。


グーぺのPC用ファビコン設定の記事はこちら



スポンサーリンク