【WordPress】PC・SPデバイスによってパラメータの条件を変更する方法
WordPressでPC・SP(スマートフォン)によってパラメータの値を変更したい。
このような悩みを解決します。
本記事では記事一覧の出力によく使われるWP_QueryのパラメータをPC・SPによって値を変更する例を元に解説します。
PC・SPによってパラメータの値を変更する
<?php
//PC・SPデバイスを判別、出力する記事数を変更
if (wp_is_mobile()) {
$posts_per_page = 4; // SP用
} else {
$posts_per_page = 6; // PC用
}
$args = array(
'post_type' => 'custom', //投稿タイプを指定
'posts_per_page' => $posts_per_page, //何件表示するか
);
$the_query = new WP_Query($args);
?>
<?php if ($the_query->have_posts()) : ?>
<?php while ($the_query->have_posts()) : $the_query->the_post(); ?>
<!-- 記事一覧を出力 -->
<?php endwhile; ?>
<?php else : ?>
<?php endif; ?>
<?php wp_reset_query(); ?>
PC・SPによってパラメータの値を変更するコード例です。
WordPressでPC・SPの条件分岐をするにはwp_is_mobile関数を使います。
上記関数をif文の条件式として定義。変更したいパラメータの処理を変数に入れときます。
最後にデバイスによって変更したいパラメータ値の箇所で上記変数を記述すれば完了です。
まとめ
WordPressでPC・SP(スマートフォン)によってパラメータの値を変更する方法を紹介しました。
以上で解説を終わります。
目次