2023年12月18日(月)

条件分岐タグ wp_is_mobile で PC とスマホの表示を切り替える方法

• 0
• 0
• 36
• 2

レスポンシブデザインのサイトでは、CSS の @media で画面（ブラウザ）サイズによってデザインを変えるのが一般的です。

でも、場合によっては「出力自体を制御したい」こともありますよね。そのときに便利なのが、条件分岐タグ wp_is_mobile() です。

基本的な使い方と、タブレットの制御に関して詳細を解説していきます。

wp_is_mobile() の使い方

wp_is_mobile() は、PC とスマホで出力を切り替えるための関数です。

基本形は以下のとおり。

スマホのみ表示されます。

PC のみ表示されます。

PC 用のメニューとスマホ用のメニューを切り替えたいときなどに使えます（PC でブラウザの幅を狭くしてもスマホ用メニューを表示したくない、という場合）。