いまさらですが･･･スミマセン。

iPhone用のブックマークアイコンの作成方法が紹介されていましたので、MIRAiZも作ってみました。

iPhone用ブックマークアイコン作成方法

57×57ピクセルのPNG画像を作ります。

作ったアイコン画像をサーバの任意の場所にアップロード。

後は、ページ内にHTMLタグを追加します。

自動的にiPhoneがいつもの角丸のツヤツヤのアイコンにしてくれちゃいます。

ツヤツヤにしたい場合

<link rel=”apple-touch-icon” href=”hogehoge/icon.png” />

ツヤツヤにしたくない場合

<link rel=”apple-touch-icon-precomposed” href=”hogehoge/icon.png” />

これでOKです。

MIRAiZではWordpressのプラグイン「WPtouch」を使ってますので、

プラグイン内でiPhone用アイコンの設定してます。

プラグインを使用しない場合は、上記のHTMLを追加することでiPhone用アイコンを反映させることができると思います。

実際に、どんな風に表示されるかは･･･

ホームページ制作 MIRAiZのページをiPhoneでブックマークしてみてください（笑）

以下のエントリーを参考にしました。

Give Your Website a Custom iPhone Bookmark Icon