【WordPress】wp_is_mobile() でスマホで見ているかどうかをチェックして条件分岐

2018.10.23 2024.07.25

wp_is_mobile という条件分岐タグを使えば、PCとスマホでデザインやコードを変えることが出来る。

書き方は例えばこんな感じ

<?php if(wp_is_mobile() ):?>
//スマホ用のHTMLを記述
<?php else:?>
//パソコン用のHTMLを記述
<?php endif; ?>

<?php if(wp_is_mobile() ):?>

//スマホ用のHTMLを記述

<?php else:?>

//パソコン用のHTMLを記述

<?php endif; ?>

って感じで使う。

意味としては

もしユーザーが見ているデバイスがスマホなら
//スマホ用のコードで表示する
そうでないなら
パソコン用のコードで表示する

って感じだ。

ただ注意する点は、wp_is_mobileはスマホだけでなく、タブレットもスマホとして探知してしまう。

これは気を付けておきたい。