さぺログ

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

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 4.1.2 が公開、複数プラグインにも脆弱性が見つかっているので早めのアップデートを!

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

iPhone 6 の発売前に iOS 8 が今晩からアップデート可能になります。

iPhone 6 の発表とともに注目を集めたiOS 8 が一足先に体験できます。

WordPress 自作テーマに変えました。

初めてオリジナルのテーマを作って適応しました。

no image
twitterと連携、その他ソーシャル系サービスのボタンを追加してアクセスアップ!

さぺログを初めて、1ヶ月が経とうとしています。ついにサイドバーの「アーカイブ」に …

iPhone 6 はやはり2サイズの画面展開!iPhone 6 と iPhone 6 Plus を発表

ついに発表されました、新しいiPhone!その名も「iPhone 6 」と「iP …

WordPress プラグイン「PS Auto Sitemap」がおかしくなった件

さぺログコンテンツの1つ「サイトマップ」ページをクリックすると、「sitemap …

WordPress 続きを読む(moreタグ)の表示を変える2つの方法

WordPressにインストールや、セットしている機能などで、ちょこっとタグを変 …

wordpress
WordPressを自分色に変えたい!ステップアップブックで勉強中です。

WordPressでさぺログを運用していますが、もう少し自分色を出したいと思い、 …

iPhone ユーザーは持っておきたい Lightningケーブルの 公式ドックが発売

待っていました!! iPhone Lightning ケーブル用の公式ドックが発 …

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

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