WordPress スマートフォンサイトにiPhoneのホーム用アイコンを追加

Article views17 VIEW

blue-jやっぱり最近はスマートフォンでサイトを見る事が多い。特に若い世代は。
なら少し遊び心があってもいいだろうと、iPhoneのホーム用アイコンを追加した。
iPhoneのsafariで現在見ているページをホーム画面に追加ってあるでしょ?あれですよ!
「もう説明からよくわかんねぇよ!」とか「なんのこっちゃわからん!」って方は続きを読んでください。画像付きで説明します。


iphoneicon1
まずsafariでページを開いて、下にある赤丸をタッチすると

iphoneicon2
 この画面が出てきますよね?
ここの赤丸の部分です!
ここの画像を任意の物に変えたかったのです!

僕の場合はこの
naraoniphone
にしてみました!

このままホーム画面に追加すると・・・

iphoneicon3
この様に表示されます。

ではやり方を

headタグ内に
<link rel=“apple-touch-icon” href=“画像パス” />  
を記入します。
画像のルールは最小でも57pxの正方形であること。 
角は勝手に丸くなります。
基本的にはどんな拡張子でも使える様です。

これでちょっと裏ワザぽい隠し要素も増えたと思います。
いったい何人が気づくか解りませんが・・・ 

この記事が気に入ったら
いいね ! しよう

Twitter で
Pocket
LINEで送る

Leave a Comment

CAPTCHA