さぺログ

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

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
お気に入りのアイコン「ファビコン」をWordPressでセットしてみた。

あまり気にした事ないけど、よく設定されているのを見るファビコンが、結構簡単にセッ …

no image
WordPress3.6へのアップデートが、3クリックで完了しました。

WordPresのバージョンアップ表示が出ていました。マイナーなバージョンアップ …

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

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

wordpress
WordPress へ移行しました。

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

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

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

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

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

次期iPhone 初回生産台数が過去最大の9000万台を発注

次期iPhoneの話題がネット上にも増えてきました。iPhone好きには、ある意 …

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

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

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

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

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

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