iPhoneのホーム画面に表示するアイコン画像を設定
2015/07/01
iPhoneなどスマートフォンで、お気に入り登録したサイトをホーム画面にアイコンで表示する事ができます。アイコンは、ファビコンと同じように、設定しないと表示されないので、そのアイコン画像を設定する方法をまとめてみました。
アイコン画像とはどういうモノかというのは、文字で説明するよりは、実際のホーム画面を見て頂いた方が分かりやすいと思います。
ホーム画面のアイコン画像と設定方法
コレです。こちらもプラグインとかではなく、header.phpの<head> 〜 </head>の中に下記１文をセットするだけでできます。
<link rel="apple-touch-icon" href="画像パス" /> </head>
画像の大きさは、PNG形式：57×57px（正方形であれば、これ以上でもOK）。上記内容だと、光沢あるアイコンになるので、そのままアイコンを表示させたい場合は、
<link rel="apple-touch-icon-precomposed" href="画像パス" /> </head>
となります。また、iPhoneのSafariのキャッシュをクリアしないと、表示がうまくいかないのでご注意ください。
スポンサードリンク
スポンサードリンク
関連記事
-
-
WordPress プラグイン 「WordPress Popular Posts」を導入。
よく他ブログサイトで「人気の記事」など記事のアクセスランキングを見ます。その「人 …
-
-
iOS 8.1が ダウンロード可能に！カメラロールはあると便利だ。
本日よりiOS 8のメジャーアップデート版、iOS 8.1がダウンロード可能とな …
-
-
SoftBank iPhone5 の通信制限に引っかかった
今日、突然的にiPhoneのネット接続が遅くなった。Yahoo!を開くだけでも3 …
-
-
よりよいブログ運用の為に、まずはMacにも開発環境(MAMP)のセット
今まで、レンタルサーバー上のWordPressで運用をしていましたが、テーマの変 …
-
-
WordPressのテーマをstinger3へ変更
検索エンジンに最適化され国産のテーマとして人気あるstinger3へテーマを変更 …
-
-
初めての WordPress アップデート。
先日より、「WordPressの管理画面にアップデート」の表示が出ていたので、ア …
-
-
iPhone 保護フィルムが良かったので、Nexus7 にも貼りました。
これまで、気泡やホコリが逆に目立つから買うのをためらっていた保護フィルムを試しに …
-
-
WordPressのアクセス解析は、「StatPress Reloaded」をおススメします
あなたのサイトがいつ、どこから、誰に見られているか？(WordPressで構築の …
-
-
WordPress 自作テーマを補うパンくずリストプラグイン「Breadcrumb NavXT」を追加
自作テーマを補うために追加したプラグインを紹介する第３弾です。今回は、パンくずリ …
-
-
iPhone 6 はやはり2サイズの画面展開！iPhone 6 と iPhone 6 Plus を発表
ついに発表されました、新しいiPhone！その名も「iPhone 6 」と「iP …