iPhoneのサファリで「ホーム画面に追加」で自分のブログのアイコンを表示させる方法

タイムライン

iPhoneのサファリで「ホーム画面に追加」で自分のブログのアイコンを表示させる方法

バリスタ

に選定していただきました。✌('ω')✌

こういうアプローチもあるよね。

Googleリーダーの死亡宣告に伴い、いろいろとより良いブログ環境というモノを構築に励んでおるわけですが、こういうアプローチはどうだろうか?

ホーム画面にアプリを追加するときのアイコン設定法
  • 114px x 114pxのアイコンを用意する
  • headに<link rel=”apple-touch-icon” href=”画像パス” />を加える(<>は半角にしてね!)
  • 艶が邪魔な人はapple-touch-icon-precomposedにする

と、アイコンさえあれば40秒かからず設定は終わるわけです。

一応タグを書きますと

これは艶なしのバージョンですよ。

2013-3-18-04

こんな感じで。

デフォルトのままだと、恐ろしく味気ないアイコンになってしまうわけだけど、この一手間で、もしかしたら誰かホームに置いてくれるかもしれないモノね!ブクマとかアレだからワンタップで読めるよね!

ね!

ということで、君もホーム画面に冷蔵庫を置いてみないか??

文:シンタロヲフレッシュ

一緒に読んで欲しい記事

前の記事(Previous)
【WordPress】ブログに画面遷移のないページ送りを実装して待ち時間を減らしてみる
次の記事(Next)
jQueryでフッターに重ならずに「空いた領域をフルに使い切る追尾型サイドバー」を実装する方法