iPad・iPhoneなんかでブックマークアイコンを表示覚書き

iPhone/iPadのホーム画面用アイコンapple-touch-icon.pngをサイトに設定しよう | Web担当者Forum

とってもわかりやすく解説されててありがたくいただきです♪

 

なにも語る必要のないほど。

 

webサイトをホーム画面に追加するとできるあの”キラキラ”と輝くアイコンです。

 

自分用の覚えとして書いときます。

 

「apple-touch-icon.png」というファイル名の画像をPNG画像としてサイトの「ルートディレクトリ」に置いておく

 

たった、これだけ。

 

つま~り、

favicon.icoのiPad/iPhone版(WEBクリップというらしい)。

 

自動処理(ガラスっぽい処理?)をさせたくない場合は

apple-touch-icon-precomposed.png

の名まえでルートディレクトリにアップしておくとこちらを優先するとのこと。(ふむふむ・・・)

 

パソコン用のfaviconとiPad/iPhone用のpng画像

 

iPhone表示をプラグインに任せたら

この作業はいらないけど。

 

今回、堀江 鴻とハワイアンドリームズを当サイト同様、iPhone、iPadに同じデザインで対応させてみたのでこの作業は必須。

 

既にできあがったCSSを編集しながらなので、なんと3日ちかく費やした。

今日、やっと入れ替えた(ファイルもろもろ)。

 

 

 

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA