WordPressのカスタム投稿でPC・スマホごとに表示件数を切り替える方法｜ホームページ制作 コラム

<?php
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;

if ( wp_is_mobile() ) {
    $num = 20; // スマホ・タブレット
} else {
    $num = 30; // PC
}

$args = array(
    'paged'          => $paged,
    'post_type'      => 'ポストタイプ', // カスタム投稿タイプを指定
    'posts_per_page' => $num,
);

$my_query = new WP_Query($args);

if ($my_query->have_posts()) :
    while ($my_query->have_posts()) : $my_query->the_post(); ?>
        <div>
            <a href="<?php the_permalink(); ?>">
                <div>
                    <!-- 表示したい内容 -->
                </div>
            </a>
        </div>
    <?php endwhile; ?>
<?php endif; ?>
<?php wp_reset_postdata(); ?>

// functions.php に追記
function is_smartphone() {
    $ua = $_SERVER['HTTP_USER_AGENT'];
    return (strpos($ua, 'iPhone') !== false || 
            (strpos($ua, 'Android') !== false && strpos($ua, 'Mobile') !== false));
}

function is_tablet() {
    $ua = $_SERVER['HTTP_USER_AGENT'];
    return ((strpos($ua, 'iPad') !== false) || 
            (strpos($ua, 'Android') !== false && strpos($ua, 'Mobile') === false));
}

if ( is_smartphone() ) {
    $num = 20; // スマホ
} elseif ( is_tablet() ) {
    $num = 25; // タブレット
} else {
    $num = 30; // PC
}