さぺログ

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

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 , ,

 

スポンサードリンク

 

スポンサードリンク

  関連記事

au、ソフトバンクに続き、ドコモも販売価格を発表!だけど、プランやオプション多すぎてわかりにく料金体系

本日、ドコモもiPhone 6 / iPhone 6 Plus の販売価格を公式 …

mamp control
よりよいブログ運用の為に、まずはMacにも開発環境(MAMP)のセット

今まで、レンタルサーバー上のWordPressで運用をしていましたが、テーマの変 …

この3つのコンセプト動画を見ると次期iPhoneが待ち遠しくなる

iPhoneの次期バージョンのコンセプト動画を最近よく目にするようになったので、 …

wordpress
WordPressのアクセス解析は、「StatPress Reloaded」をおススメします

あなたのサイトがいつ、どこから、誰に見られているか?(WordPressで構築の …

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

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

次期 iPhone は、早く、そして長く使えることになるかも。

次期iPhoneに搭載されるであろうチップが、これまでよりも早く、そして長くiP …

WordPress 自作テーマを補うパンくずリストプラグイン「Breadcrumb NavXT」を追加

自作テーマを補うために追加したプラグインを紹介する第3弾です。今回は、パンくずリ …

no image
SEO対策含め、パーマリンクの設定を変更しました。(その1:変更方法)

SEO対策などの面から、パーマリンク設定を変更しました。その変更方法(その1)と …

iPhone 6 / iPhone 6 Plus は過去最高の予約数!予約開始24時間で400万台を突破

Appleがまたすごい記録を出しました。iPhone6 / iPhone 6 P …

wordpress
WordPress へ移行しました。

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