iPhone/iPadホーム画面用アイコンapple-touch-icon.pngをBlogに設置したから ね!

ページ

 

iPhone/iPadホーム画面用アイコンapple-touch-icon.pngをBlogに設置したから ね!

2012年10月23日火曜日
iphone home ホーム ホーム画面 設置 アイコン 裏ワザ webサイト

ホーム画面に対応

こんにちはみなさん!
iPhoneやiPadなどのiOS端末でこの「喫茶店の部屋」をホーム画面に追加すると、なんとアイコンが表示されるようになりました!Safariをひらいて早速試してみましょう!この記事はホーム画面に表示されるアイコンをWebサイトに設置する方法を書きます.
favicon設定
iPhone/iPadのホーム画面用アイコンapple-touch-icon.pngをサイトに設定しよう | Web担当者ForumiPhone/iPadのホーム画面用アイコンapple-touch-icon.pngをサイトに設定しよう | Web担当者ForumiPhone/iPadのホーム画面用アイコンapple-touch-icon.pngをサイトに設定しよう | Web担当者Forum

ホーム画面用アイコンapple-touch-icon.png ...だいたいのことはココに載っている



こちらのサイトにfaviconの設置方法が書かれています.

簡単に書く.
・"apple-touch-icon.png"というファイル名
・png画像
・<link rel="apple-touch-icon" href="アイコンファイル名" />
※試すたびにSafariのキャッシュを初期化しないと駄目です

設定はこれだけです.これだけでホーム画面に設置される時にアイコンが出ます.また、”apple-touch-icon-precomposed.png”で設定すれば、ハイライトが消されます.僕はコチラで設定しています.


コレが実際に喫茶店の部屋を開いた状態からSafariの機能でホーム画面に追加するものです.

※ルートディレクトリに置かないと素早く表示されないらしい


あとはiPhoneのホームに入れるときに名前をつけてあげるだけです.ぜひこのブログが気になったらホーム画面に入れてあげて下さい!

管理人の一言:
Facebookページもよろしくね!


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

最新情報をお届けします

Twitterで喫茶店の部屋をフォローしよう!

 

▶ 関連する新着記事