方法自体はとても簡単で、ファイル名を「apple-touch-icon.png」にしたPNG画像をサイトのルートディレクトリに保管するだけです。
このブログはWordpress+WPtouchを使っているので、作った画像ファイルを
/wordpress/wp-contents/plugin/wptouch/images/icon-pool
に入れます。
その上で管理画面の「設定」->「WPtouch」を開き、以下のようにLogo&Homeのアイコンを変えちゃいます。
このサイトで配布してくださっているベースファイルを参考に、80×80でちょっと大きめに作ったあと57×57にして作成しました。
iPhone style icon psd kit « Jotlet Developer Blog
http://blog.jotlet.net/2007/06/20/iphone-style-icon-psd-kit/
ADCにログインすると、以下のサイトで日本語の説明を見ることができます。
Apple Developer Connection – Web Apps Dev Center – Designing Content
https://developer.apple.com/jp/webapps/designingcontent.php
“ブックマークアイコンのサイズは、57×57ピクセルにすべきです。サイズが違う場合、アイコンはサイズに収まるように縮小されたり切り取られたりします。”
