WordPressでサイト制作している時に、スマホとPCで表示内容を替えたいってことはよくあると思います…
スマホサイトだと幅が少ないので、レイアウト調整面倒だから消しちゃえ！ ユーザビリティ向上の為に表示する内容を変えていくことも必要です！
そこで下記コードを使えば、スマホとPCで簡単に情報分岐することが可能なんです。
スマホとPCで表示を替える場合
1 2 3 4 5 | <?php if(wp_is_mobile()): ?> //スマホ用(タブレットも含みます。) <?php else: ?> //ＰＣ用 <?php endif; ?> |
たったこれだけ！簡単ですね！ここにクラス属性を設定しておけば、PCとスマホでのちょっとしたレイアウト調整なんかにも使えます。(コード汚れちゃいますけどｗ)
スマホのみ表示したい場合
PCページでは表示させずに、スマホでのみ表示させたい場合って結構あると思うんですが、
そんな時も下記コードで簡単に対応出来ます。
1 2 3 | <?php if(wp_is_mobile()): ?> //スマホ用(タブレットも含みます。) <?php endif; ?> |
スマホページのみに広告を掲載したい場合なんかにも使えそうですね。
PCのみに表示したい時
PCのみに表示したい時は、下記コードです。似ていますがちょっと違いますｗ
どこが違うか分かりますか？
1 2 3 | <?php if(!wp_is_mobile()): ?> //ＰＣ用 <?php endif; ?> |
そうビックリマーク！（年バレしそうですねｗ）
正式名称は「エクスクラメーションマーク」ですｗ
便利で簡単な条件分岐タグですが、多用し過ぎるとSEO的にもよろしくないので自己責任ｗｗｗでお願いします。
