Written by Kasumi

【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(スマートフォン)によってパラメータの値を変更する方法を紹介しました。

以上で解説を終わります。

目次

関連記事

WordPress

[html css]ユーチューブをレスポンシブに埋め込む方法

更新日:2019.11.28
796
WordPress プログラミング

【アドミンバー】WordPressで管理画面にログインしたらページ上部に余白ができるのを解決!

2022.04.14
1733
WordPress

【WordPress】記事のタイトルに表示される非公開テキストを非表示にする方法

2023.04.25
949
WordPress

【PHP】配列から重複した値を削除する方法

2023.02.28
870