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

【wordpress】全テンプレートページで使用可能なグローバル変数を定義する方法【簡単】

2022.02.23
5369
WordPress

【WordPress】内部リンクで表示されるブログカードをカスタマイズする方法

2022.07.01
2066
WordPress プログラミング

【wordpress.orgにログインできず、プラグインの新規追加・外部へ接続する際の通信がうまくいかない】原因・解決方法を紹介

更新日:2022.10.19
6101
WordPress

Popular Postsプラグインを使ってランキング記事を表示する【ワードプレス】

更新日:2019.11.28
1002