wp_is_mobile関数 iPadはモバイルと判定 | WordPress

サイトをiPadで確認するのを忘れてました。iPhoneでは見ていたのですが、iPadはPCと同じだろうと思っていました。レスポンシブレイアウトなTwentyTwelveです。

iPadで見たら、半分予想通り、半分あれっという結果だったので調べました。wp_is_mobileとWP Super Cacheの組み合わせは良く確認した方が良いこともわかりました。

IPad

ipad001

このように表示されます。PCと同じ配置と...あれアドセンスの大きさが違います。これはこれで良い感じです、偶然ですが。iPhoneの表示になっています。

レスポンシブレイアウト

良い感じです、左にメニュー配置されていますし、メイン領域が自動で調整されています。iPhoneで見るとメニューが下に回り込むのですが、画面サイズに合わせて元の場所に帰っています。

wp_is_mobile

アドセンスはiPhoneとPCで表示を切り替えています。画面サイズが違うからです。 wp_is_mobile 関数を使っています。

WordPress3.4から追加された関数です。

wp_is_mobile関数 – WordPress3.4から実装されたパソコン用サイトとスマートフォン用サイトを分ける条件分岐タグ | 株式会社コミュニティコム

この関数を使ってスマートフォンとPCを3行で分岐させています。簡単です。グレート!

[php]
<!–?php if (wp_is_mobile()) :?–>
モバイルのアドセンスコード
<!–?php else: ?–>
パソコンのアドセンスコード
<!–?php endif; ?–>
[/php]

例はアドセンスコードですが、もちろんなんでもokです。

iPad のユーザーエージェントから「モバイル」と判断しています。なので、iPadはPC向け表示にしたい!と考えても、この関数ではモバイル表示になるのです。iPad miniがどうなのかはまた調べないといけないですが、おそらく同じことが起こると予想しています。

wp_is_mobile関数に設定オプションはないので、この関数以外でモバイル表示を制御するのが解決方法になります。こちらのサイトさんで説明されてますので参考になりました。

[WP] wp_is_mobile と iPad と WP Super Cache の怖い関係 – @mekemoke

このエントリーの中で気になるのが、このお話。

wp_is_mobile では、モバイル。
WP Super Cache では、パソコン。
ただ違うのね、で終わりではありません。

モバイル用の画面がキャッシュされ、パソコンでアクセスしても有効期限までモバイル用の画面が表示されてしまう。

おーすごい。WP Super Cacheを使っている場合は要注意ですね。僕はQuick Cacheを使っています。試した限りでは(たぶん)大丈夫でした。

まとめ

  • パソコンとモバイルの表示をwp_is_mobile関数にてカンタンに切り替えできる。
  • wp_is_mobile関数はiPadをモバイルと扱う
  • WP Super CacheはiPadをパソコンと扱うので、両方を使うのは注意が必要(wp_is_mobile関数を使わない方向で)

これら3点がポイントになります。あっ表示違うなーで終わらずに、すこし調べたら多くのことが分かり、勉強になりました。

無料メルマガにぜひご登録ください

ブログより日常を書いています。
ものくろキャンプ メルマガ
購読登録フォーム
Eメール必須
お名前(姓)必須
お名前(名)必須
  • ブックマーク

著者情報

おおひがし のぶひと

大東 信仁

博士課程中退 / WEB・ITコンサルタント(業界歴 9年以上) / 岡部明美LPL養成講座 認定心理カウンセラー ・セラピスト(業界歴 5年) / ニックネーム : ものくろ / ブロガー / WordPress & Woocommerceが得意 / orz レイアウト開発者 / 株式会社 あみだす 代表取締役

サービス提供領域

  • WEBコンサルティング
  • WEB・コンテンツ マーケティング
  • SEO コンサルティング
  • WEBサイト制作・運用保守サポート
  • EC サイト制作・運用保守サポート
  • WordPress 導入サポート
  • WordPress 運用サポート
  • SNS コンサルティング
  • Youtube コンサルティング
  • 情報発信 サポート
  • IT・WEBの枠組みを超えた経営支援
  • 講師・ワークショップ 運営サポート
  • 心理カウンセリング
  • 企業様向け コミュニケーション研修
  • 経営者様向け サポート
  • 自己成長・探求 サポート

お仕事のご依頼はこちら

WEB・ITコンサルティング

カウンセリング・セラピー

公式LINE

公式LINEにて、不定期ながら、モニターセッションやお得情報などのスケジュール案内や、心と向き合うコツなどを発信し、日常の中でカウンセリングの視点からの”気づき”を公式LINEにて語ります。ぜひ、ご登録ください。

友だち追加

講座・ワークショップ 開催予定

2023-02-09 19:00 – 22:00
木曜夜開催【東京 ブログ】グループセッション 2月9日
詳細・お申し込みはこちら

2023-02-15 19:00 – 20:30
あみだすマインドフルネス 瞑想会
詳細・お申し込みはこちら

2023-02-18 11:00 – 13:30
土曜【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-02-18 15:00 – 17:30
【日程変更】今シーズンラスト【あみだす発酵アカデミー】キムジャンキムチ作りたい放題会
詳細・お申し込みはこちら

2023-02-18 19:30 – 22:00
【オンライン開催】3時間かかっていたブログエントリー作成が 1時間 に!継続できる情報発信の実践方法 ワークショップ
詳細・お申し込みはこちら

2023-02-19 11:00 – 13:30
日曜【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-02-23 11:00 – 13:30
木・祝日【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-02-23 20:00 – 21:30
【九星気学入門】運気に乗ろう!遁甲盤入り手帳を読み解く入門講座:オンライン
詳細・お申し込みはこちら

2023-02-24 19:00 – 22:00
第4金曜日開催 オンライン【ブログ】グループレッスン 2月24日
詳細・お申し込みはこちら

2023-02-25 11:00 – 13:00
【あみだす発酵アカデミー】オイスターソースと牡蠣のオイル漬け作りクラス
詳細・お申し込みはこちら

2023-02-25 14:00 – 17:30
”職場のコミュニケーションが良くなる”働く人のためのコミュニケーション術 講座 3回連続講座
詳細・お申し込みはこちら

2023-02-26 11:00 – 13:30
【あみだす発酵アカデミー】米と麦のハーモニー!甲州味噌作りクラス
詳細・お申し込みはこちら

2023-03-04 15:00 – 17:00
【あみだす発酵アカデミー】本格「王様のコチュジャン」作りクラス/オンライン・リアルどちらもOK
詳細・お申し込みはこちら

2023-03-05 11:00 – 13:00
【あみだす発酵アカデミー】豆の旨味が凝縮された八丁味噌・赤味噌作りクラス
詳細・お申し込みはこちら

2023-03-05 15:00 – 17:00
【あみだす発酵アカデミー】京風甘口白味噌クラス 3~4週間で完成!
詳細・お申し込みはこちら

2023-03-09 20:00 – 22:00
【九星気学入門】運気に乗ろう!九星気学の基礎ををしっかり作る講座:オンライン
詳細・お申し込みはこちら

2023-03-15 19:00 – 20:30
あみだすマインドフルネス 瞑想会
詳細・お申し込みはこちら

2023-03-18 11:00 – 13:00
オンライン・リアル・動画視聴参加どちらもOK【あみだす発酵アカデミー】京風甘口白味噌クラス 3~4週間で完成!
詳細・お申し込みはこちら

2023-03-18 15:00 – 17:00
【あみだす発酵アカデミー】本気のぬか床作りクラス
詳細・お申し込みはこちら

2023-03-25 14:00 – 17:30
”職場のコミュニケーションが良くなる”働く人のためのコミュニケーション術 講座 3回連続講座
詳細・お申し込みはこちら

2023-03-26 10:00 – 19:00
リアル・オンラインどちらもOK!ものくろ流WordPressスタートアップ講座 -第42期- 講師 ものくろ
詳細・お申し込みはこちら

【案内板】

このブログをはじめて読んだあなたへ
ぜひ読んでもらいたい記事を用意しました。

オンラインショップあります

↓ 下のバーナーをクリックすると移動します。


カテゴリー 一覧