ワードプレスのブログを、スマホで見た時とPCで見たときの表示を変えたいときってありますよね。

PCだといい感じだけど、スマホで見るとゴチャゴチャして見難いからスッキリさせたい、とか。

今回はスマホとPCで表示を分ける方法を書いてみたいと思います。

色々な表示条件があるのですが、僕がやった方法はシンプルに「スマホとそれ以外(PC・タブレット)で分ける方法」です。

スマホとそれ以外(PC・タブレット)で分ける方法

分けたい部分に以下を挿入します。

<?php if ( is_mobile() ) : ?>
// スマホで表示させたい内容

<?php else: ?>
// PC・タブレット(スマートフォン以外)で表示させたい内容

<?php endif; ?>

ちなみに何も書かないと表示されません。

「何も表示させたくない」場合は何も書かなければOKです。

「スマホ・タブレットとPCで分ける」こともできますが、タブレットの位置づけが微妙で、僕の場合はPCと同じ扱いでもいいかな、と思って上記方法を採用しました。

参考になれば嬉しいです。