最終更新:2015.05.15WebサービスiPhoneのホーム画面にスクリーンショットではなく、オリジナルアイコンを表示させる方法ホーム画面にブックマークを置いた時、一番左にあるアイコンになったことはないでしょうか?これはホームページのスクリーンショットを表示しています。立ち上げたサイトやブログが、このように表示されてしまって少し残念な気持ちになったので...ここのアイコンを制作して、設定しました。ホーム画面にブックマークを登録する方法から(わかる人は飛ばしてください。)設定方法を見る方はこちらホーム画面にブックマークを登録する方法Safariのブラウザを立ち上げ下メニューの真ん中ボタンを表示させ、「ホーム画面に追加」。これを行うとホーム画面にホームページのブックマークが保存され、タップをするとそのホームページに飛べる。画像の設定がしてある場合は指定した画像がアイコンとなり表示され、していない場合はスクリーンショットが表示される。【iPhoneのホーム画面アイコンを制作・設定する方法】アイコンの画像を作成。PNGフォーマット)画像をimgのフォルダにアップロード今回はWordPressでの実装ということなので「themes」フォルダの「img」にアップロードした。HTMLのMETA要素の中に先ほどアップロードしたアイコンのディレクトリを記載META要素で書くパターンは2つある。1つがアイコンに光沢の効果がある場合、もう1つが効果がないフラットなアイコンにする場合。?>/images/sample.png">これで自作アイコンをホーム画面に表示することが出来る。どのアイコンが好みでしょうか?今回の場合は効果があると少しアイコン内のテキストが読みにくいということで効果なしにしました。試して自分なりのアイコンを制作してみてくださいね。Mizuho横浜在住。