さぺログ

インターネットで話題のモノ、コト、イベント、役立つ情報や商品レビューを発信中

iPhoneのホーム画面に表示するアイコン画像を設定

      2015/07/01

iPhoneなどスマートフォンで、お気に入り登録したサイトをホーム画面にアイコンで表示する事ができます。アイコンは、ファビコンと同じように、設定しないと表示されないので、そのアイコン画像を設定する方法をまとめてみました。

アイコン画像とはどういうモノかというのは、文字で説明するよりは、実際のホーム画面を見て頂いた方が分かりやすいと思います。

ホーム画面のアイコン画像と設定方法

photo

コレです。こちらもプラグインとかではなく、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のキャッシュをクリアしないと、表示がうまくいかないのでご注意ください。

 - iPhone, WordPress , ,

 

スポンサードリンク

 

スポンサードリンク

  関連記事

wordpress
WordPress プラグイン「WPtouch」の「メニュー」レイアウト崩れ修正方法

WordPressのサイトを、スマホ用に自動でレイアウトを変換してくれる、代表的 …

次期iPhoneのストレージは32GBが復活し、16GBはなくなるかも

なぜ16GBが残って32GBがなくなったのかユーザーとしては不思議でしたが、次期 …

wordpress-logo
WordPress プラグインとmoreタグ 2つの機能追加

ブログもiPhoneなどのスマートフォンから見る事が多い昨今、WordPress …

wordpress-logo
Twenty Thirteen へ。WordPressテーマのアップデートが初めての人へ

これまでWordPressのテーマは「Twenty Twelve 」を使用して、 …

新型iPhoneが9月9日に発表か!?

本日、いっせいにIT系メディアを含めYahoo!トップ画面のニュースにも表示され …

no image
WordPressプラグインのインストール、設定方法

WordPressのプラグインについて結構記事を書いていますが、インストール、基 …

iPhone 6 の前にiPhone 5s でもなくiPhone5 の魅力を再度伝えてみる。

とうとう2日後になりました。新しいiPhoneの発表。その前に今使っているiPh …

wordpress
WordPressのアップデート中に止まったので、再インストールを試してみました

自作テーマに変えてから初めてのWordPressのアップデート作業を行いましたが …

wordpress
WordPress へ移行しました。

ブログ運営をWordPressへ変更しました。 これまでのJugem無料プランか …

wordpress
WordPress 3.8 “Parker” へ更新

WordPressの、最新版3.8が公開され、ダッシュボードより更新を行いました …