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

Article views23 VIEW

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


df0ed71c s - Wordpress スマートフォンサイトにiPhoneのホーム用アイコンを追加
まずsafariでページを開いて、下にある赤丸をタッチすると

2bf89cb5 s - Wordpress スマートフォンサイトにiPhoneのホーム用アイコンを追加
 この画面が出てきますよね?
ここの赤丸の部分です!
ここの画像を任意の物に変えたかったのです!

僕の場合はこの
d7ccfc89 - Wordpress スマートフォンサイトにiPhoneのホーム用アイコンを追加
にしてみました!

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

17504d8d s - Wordpress スマートフォンサイトにiPhoneのホーム用アイコンを追加
この様に表示されます。

ではやり方を

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

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

Pocket
pinit fg en rect gray 28 - Wordpress スマートフォンサイトにiPhoneのホーム用アイコンを追加
line88x20 - Wordpress スマートフォンサイトにiPhoneのホーム用アイコンを追加
[`evernote` not found]

Leave a Comment

CAPTCHA