iPhoneのホーム画面に表示するアイコン画像を設定
2015/07/01
iPhoneなどスマートフォンで、お気に入り登録したサイトをホーム画面にアイコンで表示する事ができます。アイコンは、ファビコンと同じように、設定しないと表示されないので、そのアイコン画像を設定する方法をまとめてみました。
アイコン画像とはどういうモノかというのは、文字で説明するよりは、実際のホーム画面を見て頂いた方が分かりやすいと思います。
ホーム画面のアイコン画像と設定方法

コレです。こちらもプラグインとかではなく、header.phpの<head> 〜 </head>の中に下記1文をセットするだけでできます。
<link rel="apple-touch-icon" href="画像パス" /> </head>
画像の大きさは、PNG形式:57×57px(正方形であれば、これ以上でもOK)。上記内容だと、光沢あるアイコンになるので、そのままアイコンを表示させたい場合は、
<link rel="apple-touch-icon-precomposed" href="画像パス" /> </head>
となります。また、iPhoneのSafariのキャッシュをクリアしないと、表示がうまくいかないのでご注意ください。
スポンサードリンク
スポンサードリンク
関連記事
-
-
初めての WordPress アップデート。
先日より、「WordPressの管理画面にアップデート」の表示が出ていたので、ア …
-
-
WordPressのアップデート中に止まったので、再インストールを試してみました
自作テーマに変えてから初めてのWordPressのアップデート作業を行いましたが …
-
-
9月12日 16時が待ち遠しい。ソフトバンク、au、ドコモ 各社 iPhone 6 予約日時を発表
各社ともにホームページのトップにiPhone 6 に関するお知らせを発表していま …
-
-
stinger3でiPhoneのファビコンが変わらない時の確認
新しいさぺログのロゴもでき、ブログやTwitterはじめ、様々なサービスのロゴ画 …
-
-
さらに追加した自作テーマを補うプラグイン2つを紹介します。
前回紹介した自作テーマを補うプラグインをさらに2つ追加しましたので、紹介したと思 …
-
-
App Storeにソチ五輪アプリ特集ページができていました
いよいよ今週末開催のソチ五輪!App Storeにソチ五輪特集のアプリを集めたペ …
-
-
新型iPhoneが9月9日に発表か!?
本日、いっせいにIT系メディアを含めYahoo!トップ画面のニュースにも表示され …
-
-
WordPress 自作テーマに変えました。
初めてオリジナルのテーマを作って適応しました。
-
-
WordPress へ移行しました。
ブログ運営をWordPressへ変更しました。 これまでのJugem無料プランか …
-
-
WordPress 自作テーマを補うプラグイン3つを紹介します。
さぺログ自作テーマを適用しましたが、テーマ内だけでは対応できなかった機能などはプ …