jQuery Mobil　apple-touch-iconを設置

授業
◆jQuery Mobil
  • <meta name="format-detaction" content="telephone=no">　をhead内に記述。
      →　コンピューターが電話番号と誤認識するのを防ぐ。
  • <link rel="apple-touch-icon" href="apple-touch-icon.png">　をhead内に記述。
      →　iPhone/iPod Touchにネイティブアプリと同じようにアイコンをホームスクリーンに設置できる。
【補足】WordPressでapple-touch-iconを設置

「header.php」のhead要素の中に下記コードを読み込む。
※「href=”〜”」の〜部分は画像パス。

画像は正方形のPNG画像であれば問題なし。iPhone3Gと3GSは縦横57px、iPadは縦横72px、iPhone4は縦横114pxにリサイズされる。
iPhoneのホーム画面に追加される際、画像が自動で加工されるが、加工されたくない場合は下記のように「icon-precomposed」も記述する。

◎『WP Total Hacks』のプラグインを使って設置も可能。