wp-pagenaviをトップページに設置する方法　wp-pagenaviの２ページ目が動かないときの対処法

wordpressの管理画面の設定表示設定からフロントページの表示をフロントページと投稿用ページを固定ページに用意した場合です。

front-page.phpに下記のコードでpage-naviが動きます。

ループ内は自由に変えてください。

<article>
  <section class="archive_block">
    <?php
      $paged = get_query_var('paged') ? get_query_var('paged') : 1;
      $args = array(
        'posts_per_page' => 9,
        'paged' => $paged,
        'post_type' => array(
          'post',
        ),
      );
      $the_query = new WP_Query($args);
    ?>
    <?php if($the_query->have_posts()): ?>
    <?php while($the_query->have_posts()) : $the_query->the_post(); ?>
      <ul class="archive_box">
        <a href="<?php the_permalink(); ?>" class="flexbox_no_justify">
          <li class="pic">
            <p class="pic_inner"><?php echo get_post_thumbnail_imgtag($post->ID, "/images/dummy.jpg", 'medium'); ?></p>
          </li>
          <li class="right_box">
            <p class="ttl"><?php the_title(); ?></p>
            <p class="text">
              <?php echo mb_strimwidth(strip_tags(get_the_content()), 0, 180, '…'); ?>
            </p>
          </li>
        </a>
      </ul>
      
    <?php endwhile; endif; ?>
  </section>
</article>
<div class="pager_menu clearfix">
  <?php if(function_exists('wp_pagenavi')){ wp_pagenavi(array('query'=>$the_query)); } ?>
</div>

参考サイト

https://oku-log.com/wp-pagenavi/

category cloud