タブ切り替え部分にページネーションを使用したい
-
現在、投稿のアーカイブページに、ターム別にタブを切り替えて記事の一覧を表示しています。
そこで、プラグインの「PageNavi」を使用してページネーションを設置しているのですが、ターム別ではなく全投稿分のページ数がタブを切り替えてもそのまま反映されてしまいます。
(ターム別にすると1ページしかないのに、2ページ目が表示されるなど)自分なりに調べてみましたが、「PageNavi」を使用した際のやり方が出てこなかったためご教示いただけますと幸いです。
<!---------- 全てのタブメニュー ----------> <div id ="all" class="category-container active"> <?php $newslist = get_posts( array( 'posts_per_page' => 5 , 'paged' => get_query_var('paged') )); foreach( $newslist as $post ): setup_postdata( $post ); ?> <div class ="blog_container"> <a href ="<?php echo get_permalink(); ?>"> <div class ="blog-content"> <div class ="thumbnail"> <?php if ( has_post_thumbnail()): ?> <?php the_post_thumbnail('medium'); ?> <?php else: ?> <img src ="<?php echo get_template_directory_uri(); ?>/assets/news/img-no.jpg"> <?php endif; ?> </div> <div class ="blog-text"> <?php // カテゴリーのデータを取得 $cat = get_the_category(); $cat = $cat[0]; ?> <p class ="cate"><?php echo $cat->cat_name; ?></p> <p class ="post-date"><time datetime="<?php the_date('Y-m-d'); ?>"><?php echo get_the_date('Y.m.d'); ?></time></p> <p class ="post-title"><?php the_title()?></p> </div> </div> </a> </div> <?php endforeach; wp_reset_postdata();?> <?php wp_pagenavi(); ?> </div> <!---------- お知らせのタブメニュー ----------> <div id="news" class="category-container"> <?php $newslist = get_posts( array( 'category_name' => 'news', 'posts_per_page' => -1 , 'paged' => get_query_var('paged') )); foreach( $newslist as $post ): setup_postdata( $post ); ?> <div class ="blog_container"> <a href ="<?php get_the_permalink(); ?>"> <div class ="blog-content"> <div class ="thumbnail"> <?php if ( has_post_thumbnail()): ?> <?php the_post_thumbnail('medium'); ?> <?php else: ?> <img src ="<?php echo get_template_directory_uri(); ?>/assets/news/img-no.jpg"> <?php endif; ?> </div> <div class ="blog-text"> <?php // カテゴリーのデータを取得 $cat = get_the_category(); $cat = $cat[0]; ?> <p class ="cate"><?php echo $cat->cat_name; ?></p> <p class ="post-date"><time datetime="<?php the_date('Y-m-d'); ?>"><?php echo get_the_date('Y.m.d'); ?></time></p> <p class ="post-title"><?php the_title()?></p> </div> </div> </a> </div> <?php endforeach; wp_reset_postdata();?> <?php wp_pagenavi(); ?> </div> <!---------- コラムのタブメニュー ----------> <div id="column" class="category-container"> <?php $newslist = get_posts( array( 'category_name' => 'column', 'posts_per_page' => -1 , 'paged' => get_query_var('paged') )); foreach( $newslist as $post ): setup_postdata( $post ); ?> <div class ="blog_container"> <a href ="<?php get_permalink(); ?>"> <div class ="blog-content"> <div class ="thumbnail"> <?php if ( has_post_thumbnail()): ?> <?php the_post_thumbnail('medium'); ?> <?php else: ?> <img src ="<?php echo get_template_directory_uri(); ?>/assets/news/img-no.jpg"> <?php endif; ?> </div> <div class ="blog-text"> <?php // カテゴリーのデータを取得 $cat = get_the_category(); $cat = $cat[0]; ?> <p class ="cate"><?php echo $cat->cat_name; ?></p> <p class ="post-date"><time datetime="<?php the_date('Y-m-d'); ?>"><?php echo get_the_date('Y.m.d'); ?></time></p> <p class ="post-title"><?php the_title()?></p> </div> </div> </a> </div> <?php endforeach; wp_reset_postdata();?> <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?> </div>
トピック「タブ切り替え部分にページネーションを使用したい」には新たに返信することはできません。