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 プログラミング

【簡単】Advanced Custom Fieldsを使い、手動で任意の関連記事を出力するフィールドを導入

2022.03.21
2440
WordPress プログラミング

【popular posts】WPP_Queryクラスを使い、ランキングをカスタマイズして表示しよう。

2021.10.20
3172
WordPress

【WordPress】特定のカテゴリ・ターム・タグが設定されてるか確認。条件分岐する方法

2022.07.06
1833
WordPress

contact form 7でエラーメッセージの位置を変更する方法

2022.10.19
1684