WordPressならではのレスポンシブ
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; ?>
「もしモバイルだったら」って結構アバウトな指定だと思うんだけど、ブレイクポイントはどこになるんでしょうね・・・