さぺログ

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

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のアップデート中に止まったので、再インストールを試してみました

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

イメージキャプチャ
iPhone 写真データの一括(まとめて)削除の方法 (Mac版)

生活の必需品となっているiPhone。 気がつくと容量がギリギリになっていること …

WordPressのテーマをstinger3へ変更

検索エンジンに最適化され国産のテーマとして人気あるstinger3へテーマを変更 …

no image
WordPress 2つのプラグイン追加とPingサーバー設定

当ブログは、WordPressで構築されていますが、下記プラグインや設定を追加し …

SoftBank iPhone5 の通信制限に引っかかった

今日、突然的にiPhoneのネット接続が遅くなった。Yahoo!を開くだけでも3 …

iPhoneなどスマホ盗難が流行ってるみたいなので気をつけましょう

最近、街中や駅の構内などで歩きスマホを防止するポスターを良く目にします。アメリカ …

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

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

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

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

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

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

stinger3でiPhoneのファビコンが変わらない時の確認

新しいさぺログのロゴもでき、ブログやTwitterはじめ、様々なサービスのロゴ画 …