よもやまチョモランマ

WordPressならではのレスポンシブ

「スマホのときはAを表示して、PCになったらBに切り替える」なんていうとき。
ふつうはこんなふうにCSSを用意して、HTMLにクラスをあてます。

@media screen and (min-width:960px){.out_pc {display: none;}} /*PCのとき非表示*/
@media screen and (max-width:960px){.out_sp {display: none;}} /*スマホのとき非表示*/

でも、WordPressだったら条件分岐でできる、という塾メモを発掘したので残しておきます。

<?php if(wp-is-mobile()): ?>
スマホで表示させたいもの
<?php else: ?>
それ以外(PC)で表示させたいもの
<?php endif; ?>

「もしモバイルだったら」って結構アバウトな指定だと思うんだけど、ブレイクポイントはどこになるんでしょうね・・・