モバイル端末の条件分岐(iPadとAndroidタブレットは除く)

東京ほどWifi環境に恵まれない地方にいると、読み込み速度の遅いページはさっさと閉じたくなるので、アイキャッチ画像とかモバイル端末とそれ以外で分けたかったりすることもある。
そんな時は、Wordpressの条件分岐「wp_is_mobile」を使うのだけれど、モバイル端末では読み込ませたくないけどタブレットでは読み込んでほしいなんてこともあって、そんな時には条件分岐「wp_is_mobile」ではタブレットが除外されない。

そこで、function.phpでタブレット以外のモバイル端末の指定をおこない、iPadとかAndroidタブレットを除外する。

以下がfunction.phpの記述。「’iPhone.*iPhone’」の部分はiPadのユーザーエージェントに「iPhone」という表記が入っているケースがまれにあり、「’iPhone’」だけだとiPadも含まれてしまう。「’iPhone’」という記述が2個含まれるユーザーエージェントをiPhoneとして判別させるようにした。

テンプレートへの記述は以下の通り。

iOS 版 Firefox(iPad)のユーザーエージェントにiPhoneの文字列が含まれるみたい?

Mozilla/5.0 (iPad; CPU iPhone OS 8_3 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) FxiOS/1.0 Mobile/12F69 Safari/600.1.4

Gecko ユーザエージェント文字列リファレンス – HTTP | MDN
https://developer.mozilla.org/ja/docs/Web/HTTP/Gecko_user_agent_string_reference#iOS

About sakaism

名古屋で働くWebデザイナー 最近はデザインとは別のフィールドを持ちたいなぁとも思っている。
This entry was posted in テンプレート作成. Bookmark the permalink.

スポンサードリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です