さぺログ

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

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

 

スポンサードリンク

 

スポンサードリンク

  関連記事

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

パーマリンクの設定変更の続きとして、なぜこのパーマリンクに設定したのか。を纏めて …

iPhone5をiOS7へアップデート!気に入った変更点5つを紹介

iPhone自体の不具合やアプリが未対応などの心配よりも好奇心が勝り、さっそく今 …

no image
WordPress プラグイン 「WordPress Popular Posts」を導入。

よく他ブログサイトで「人気の記事」など記事のアクセスランキングを見ます。その「人 …

一部のiPhone 5 でバッテリー不具合発生!アップルがバッテリー交換プログラムを実施

一部のiPhone5にてバッテリー不具合が発生しており、アップルが無償でバッテリ …

wordpress
WordPress 3.8 “Parker” へ更新

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

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

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

wordpress-logo
さらに追加した自作テーマを補うプラグイン2つを紹介します。

前回紹介した自作テーマを補うプラグインをさらに2つ追加しましたので、紹介したと思 …

wordpress
[追記あり] WordPress 4.1.2 が公開、複数プラグインにも脆弱性が見つかっているので早めのアップデートを!

※この記事の翌日、4月24日にWordPress4.2 “Powel …

使い勝手が向上した、WordPress 4.0 Benny が公開されました。

WordPress 4.0 Benny が公開されました。

本物かと思った!iPhone 6 の実機動画がリアルすぎる

来週9月9日に発表されるであろうiPhone 6 (仮)の実機動画が、YouTu …