【WordPress】でPCとスマホで表示するコンテンツを分けたい時の条件分岐

WordPressには便利な条件分岐がたくさん用意されているのですが、今回紹介させていただく条件分岐もかなり便利なので覚えておくと良いと思います。

個人的にはPCとスマホでバナーや画像を変えたい場合などに重宝しています。

PCとスマホで表示する内容を分けたい場合

<?php if(wp_is_mobile()) : ?>
 // スマホで表示させたい内容
<?php else: ?>
 // PCで表示させたい内容
<?php endif; ?>

PCだけに表示させたい場合

<?php if(!wp_is_mobile()): ?>
  //PCだけに表示させたい内容
<?php endif; ?>

PCだけに表示させたい場合

<?php if(wp_is_mobile()): ?>
  //スマホだけに表示させたい内容
<?php endif; ?>

実際に案件で使用する時は、functions.phpに記載することで、デフォルトではスマホと同様の扱いになるタブレットやiPhoneだけ等条件分岐を作ることも出来るのですが、それらについては次の機会に紹介します。

公式リファレンス:https://codex.wordpress.org/Function_Reference/wp_is_mobile

back to index