页面导航不起作用 wordpress

所以这让我有点疯狂，我似乎无法让页面导航工作。我安装了一个插件 wp-pagenavi，但它仍然不起作用。有没有人可以帮助我让它工作。这是我的代码（循环）：

<?php $args = array(
            'post_type' => 'portfolio',
            'posts_per_page'=> 10,
            'orderby' => 'ID',
            'order' => 'DESC',
            'tax_query' => array(
                array(
                'taxonomy' => 'foto_video_type',
                'field' => 'slug',
                'terms' => 'foto'
                        )
                    )
                );
                $products = new WP_Query( $args );
                    if( $products->have_posts() ) {
                        while( $products->have_posts() ) {
                            $products->the_post();
        ?>
        <?php   $naam =     get_field('naambedrijf');
                $soort =    get_field('soort_uitje');
                $foto =     get_field('flickr_fotoset'); ?>
            <div class="col s12">
                    <div class="title">
                        <h2 class="truncate" style="line-height:20px;"><?php echo $naam; ?>&nbsp;|&nbsp;<?php echo $soort; ?></h2>
                            <a class="fotos" href="https://www.flickr.com/photos/../sets/<?php echo $foto; ?>" target="_blank"><small>Bekijk alle foto's</small></a>
                    </div>
                    <div class="flickrphotoset">
                        <?php echo do_shortcode('[slickr-flickr id="" search="sets" set="' . $foto . '" size="large" items="9" bottom="10" responsive="on" type="thumbnail" galleria_options="lightbox:true;thumbnail:lazy"]'); ?>
                    </div>
            </div>

        <?php
            }
                }
                    else {
                        echo 'There seems to be a problem, please try searching again or contact customer support!';
                    } ?>
<?php wp_pagenavi(); ?>

这是我的存档代码：

<section id="collaps">
  <div class="row">
    <div class="col s12 offset-s0 m12 l7 offset-l5">
      <ul class="collapsible z-depth-1" data-collapsible="accordion">
          <li>
            <div class="collapsible-header"><i class="fa fa-camera" aria-hidden="true"></i><p>Foto</p></div>
              <div id="portfolio" class="collapsible-body">
                <div class="row">
                 <?php get_template_part('loop-foto'); ?>
                  <div class="col s12">
                    </div>
                  </div>
                </div>
          </li>
          <li>
            <div class="collapsible-header"><i class="fa fa-video-camera" aria-hidden="true"></i><p>Video</p></div>
              <div id="portfolio" class="collapsible-body">
                <div class="row">
                 <?php get_template_part('loop-video'); ?>
                </div>
              </div>
          </li>     
      </ul>
    </div>
  </div>
</section>

当我添加"较旧"的Wordpress代码时：

<div class="navigation">
 <div class="alignleft"><?php next_posts_link('&laquo; Older Entries', '1000') ?></div>
 <div class="alignright"><?php previous_posts_link('Newer Entries &raquo;', '1000') ?></div>
</div>

它有点工作。但是第 2 页/给出 404 错误...我做错了什么？