Apple Webデザイン

iPhoneのホーム画面にブログを追加した時に表示されるアイコンを新しいアイコンに設定してみた

投稿日:2012年4月3日 更新日:

アイコンを変えた、あんちゃん(@anchan_jp)です。

今回新しく作ったアイコンを、今までいろんなサービスで使ってた古いアイコンと入れ替える作業を少しずつ進めてて、このブログをiPhoneのホーム画面に並べた時用のアイコンも入れ変えが終わりました。

変える前からもずーっと、古いアイコンをiPhoneのホーム画面用に設定してたんですけど、たぶん誰にも気づかれてなかったと思います(-_-;)



表示されるアイコンを設定する

まず、jpgやpng等で表示させたいアイコンを114×114pxの大きさで作成し、FTP等でサーバーにアップロードしておきます。

そして、headタグの中に、

[html]<link rel="apple-touch-icon" href="画像のURL"/>[/html]

これを入れたら終わりです。

このブログをホーム画面に登録すると、このようになります。

アイコンが勝手に光沢(?)があるっぽく表示されます。

光沢が嫌な方は、

[html]rel="apple-touch-icon"[/html]

ここに、-precomposedを付け足したらOKです。

付け足すとこうなります。

[html]<link rel="apple-touch-icon-precomposed" href="画像のURL"/>[/html]

これをiPhoneのホーム画面に登録するとこうなります。

まとめ

自分のブログは、ちゃんとホーム画面に置いてあります(*´ω`*)

ただ、このブログをホーム画面に置くような不思議なことをするのは自分以外にいないと思うので、100%自己満足ですw

-Apple, Webデザイン
-

執筆者:

関連記事

no image

MoreのキラキラしたiPhoneケース

Moreというメーカーから出ているキラキラしたiPhoneケース。こ …

no image

BELKIN ワンショルダーバッグ(ブラック/レッド)

MacBookPro15インチも入れることができるという、BELKI …

no image

iPodで音楽を再生する方法

iTunesに入っている楽曲をiPodに転送するという記事で、iPo …

Apple IDをクレジットカードなしで作る方法

友達が携帯落としてバキバキになって困っていたので、日曜日の夜まで貸出 …

Amebaのmogg(モグ)がiPhoneに対応しました

ケータイをiPhoneに変える前まで、mogg(モグ)にはまりまくっ …