iPhone 3Gのホーム画面にブログのアイコンを追加 【インターネット】
自分のブログやウェブサイトを持っているiPhone 3Gユーザなら、iPhone 3Gから自分のサイトにアクセスしたりする場合も多いと思う。
その場合、普通にSafariを立ち上げてからブックマーク経由で自サイトにアクセスすることがほとんどだろう。
そこで、もっと手軽に自分のブログにアクセス出来るように、iPhone 3Gのホーム画面にアイコンを登録してみた。
まずは、アイコンにしたい画像を用意する必要がある。
形は正方形にして、画像はPNG形式で保存する。
自分の場合、以下のような画像をPhotoshopで作ってみた。
画像のサイズは適当でいいが、400ピクセル x 400ピクセルにした。
ちなみに上記画像の数列は、アスキーコードで「BITMAP」と書いてある。
上記の画像をPNG形式で保存したら、自分のブログが置いてあるサーバーへアップ。
次に、ブログのトップページのソースを開き、HEADタグの中に以下のタグを追加。
<link rel="apple-touch-icon" href="./bitmap_icon.png" />
上記の場合は、トップページと同じ階層の所に bitmap_icon.png という名前の画像を置いた例なので、必要に応じて画像の場所や名前を変えてやること。
上記のタグを追加したら、再構築。
これで準備は完了だ。
iPhone 3GのSafariで自分のブログを表示させ、画面下にある＋ボタンをタップする。
すると「ホーム画面に追加」というボタンがあるので、それをタップ。
後はiPhone 3G側で勝手に画像をアイコン化してくれる。
これで、このブログのアイコンをiPhone 3Gのホーム画面に追加出来た。
カッコいいアイコンを作れば、ホーム画面の見栄えも良くなるだろう。
- 追記 -
ちょっとしたイタズラアイコンを作るのも面白いかもしれない。
例えば、iPhone 3Gで下記のページへアクセスして、「ホーム画面に追加」する。
http://www.capsule-net.com/bitmap/iphone/joke.html
・・・こういうアイコンをホーム画面に追加しておいて、iPhone 3Gを友人らに貸して反応を見るのも面白いかもしれない。
もの凄くくだらないけど・・。
 |
 |
 |
 |
 |
アラッソヨ [08/11/06]
