実現したいこと
現在、WordPress で index.php にアーカイブ一覧を実装しています。
ACSで設定したカスタムフィールド「ピックアップ表示する」にチェックが入っているものをスライダー(Slick Slider)で5件まで表示させるパートと、それらも含めたすべての記事を一覧表示するパートの2つで構成され、この一覧表示部分に対するページネーションをその下に表示したいです。
1ページに表示する最大投稿数は「9」で、記事は15件用意されています。
発生している問題・分からないこと
スライダー表示をする部分、一覧表示させる部分、そして一覧表示部分に対するページネーションを実装するべくコードを書いてみたのですが、1ページ目にはページネーションが表示されるものの、2ページ目以降にはページネーションが表示されません。
2ページ目として表示されているものはページネーション以外は想定通りのもので、ピックアップとして設定したものがスライダーに表示され、1ページ目で表示した9件以外の残りの6件が表示されます。
該当のソースコード
<?php $listargs = [ 'post_type' => 'post', 'posts_per_page' => 5, 'meta_key' => 'show_pickup', 'meta_value' => 'show_pickup', 'meta_compare' => 'LIKE', ]; $list_query = new WP_Query($listargs); ?> <?php if ($list_query->have_posts()) :?> <div class="slider"> <?php while ($list_query->have_posts()) : $list_query->the_post(); ?> <div class="slider__item"> <div class="slider__wrap"> <a href="<?php echo get_permalink(); ?>" class="slider__image"> <?php if(get_field('tpic_thumb')): ?> <img src="<?php the_field('tpic_thumb'); ?>" alt="<?php the_title(); ?>"> <?php else: ?> <img src="ダミー画像のURL" alt=""> <?php endif; ?> </a> <div class="slider__content"> <p class="slider__title"><a href="<?php echo get_permalink(); ?>"><?php the_title(); ?></a></p> <p class="slider__data"><?php echo strip_tags(get_the_category_list(),'<a>'); ?>|<?php echo get_the_date(); ?></p> </div> </div> </div> <?php endwhile; ?> </div> <?php endif; ?> <?php wp_reset_postdata(); ?>
<div class="backnumber__wrap"> <?php $paged = get_query_var('paged') ? get_query_var('paged') : 1; $postargs = [ 'post_type' => 'post', 'posts_per_page' => 9, 'paged' => $paged, ]; $post_query = new WP_Query($postargs); $max_num_pages = $post_query->max_num_pages; if ($post_query->have_posts()) : ?> <div class="backnumber__list"> <?php while ($post_query->have_posts()) : $post_query->the_post(); ?> <div class="backnumber__item"> <a href="<?php echo get_permalink(); ?>"> <?php if(get_field('tpic_thumb')): ?> <img src="<?php the_field('tpic_thumb'); ?>" alt="<?php the_title(); ?>"> <?php else: ?> <img src="ダミー画像のURL" alt=""> <?php endif; ?> </a> <p class="backnumber__title"><a href="<?php echo get_permalink(); ?>"><?php the_title(); ?></a></p> <p class="backnumber__data"><?php echo strip_tags(get_the_category_list(),'<a>'); ?>|<?php echo get_the_date(); ?></p> </div> <?php endwhile; ?> </div> <?php endif; ?> <div class="backnumber__pager"> <?php $pnargs = array( 'prev_next' => true, 'end_size' => 1, 'mid_size' => 2, 'prev_text' => '<img src="矢印画像のURL" alt="" class="prev">', 'next_text' => '<img src="矢印画像のURL" alt="" class="next">', ); if($post_query->max_num_pages > 1){ echo paginate_links($pnargs); } ?> <?php wp_reset_postdata(); ?> </div> </div>
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
様々なサイトで調べてコードの書き換えを行ったり、プラグイン「WP-PageNavi」を使ってみたりしたのですが、結果は同じでした。
index.phpで行っていることに問題があるのでしょうか。
補足
特になし
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2024/11/14 09:48