アプリなどを中心に紹介しています。Clip)アイコン、いわゆるショートカットを作成できることはiPhone・iPadユーザーならご存かと思いますが、実はその時に表示されるアイコンの設定が・・・iOS6の頃からほったらかしで、iOS7以降のフラットデザイン対応ともマッチしていないし、アイコンの形も以前の形で最適化していたせいで角も切れてるしでみっともないことになっていたのです。これはいかんなということで対応すべく色々調べてみました。touchでは、次のサイズのアイコンを作成します。120×120ピクセル60×60ピクセル(標準解像度)iPadでは、次のサイズのアイコンを作成します。152×152ピクセル76×76ピクセル(標準解像度)と、まぁそのまんま鵜呑みにしちゃってこのサイズで作ることにしました、今回はiPadにも対応させたいので152ピクセルで作成します。フラットデザインに合うアイコンを作成するアルファベット一文字とかのほうがデザイン的に合うかな~・・・とも思ったんですが、一応サイトのマスコットキャラ?w的意味もある、この猫のアイコンで作成しました、編集はIllustratorでやってます。Guide」で説明されているのでそちらを引用します。Guideではアイコン名が「custom_icon.png」になっていましたが、説明文の中では「apple-touch-icon.png」だったのでわかりやすく変更しています。上記の赤文字部分の前に画像をアップロードした場所のパスを追加してから、スマホ用テーマのheader.phpの<body>の上辺りにでも追加します、これで完了。href=”http:/○○○○.jp/images/apple-touch-icon.png”>あとは下記を実行してテストしてみます。ホーム画面にWebページのショートカット(Webクリップ)を作成する方法ショートカットを作成したいWebページをSafariで開いた状態で下部メニューバーの真ん中にあるう矢印のついたアイコンをタップします。http://qlay.jp/「ホーム画面に追加」をタップします。追加画面が表示されるので「追加」を押します。変更したアイコンが表示されていれば成功です。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。