使用分页时，模板标记和样式将消失

我正试图在自定义wordpress主题中创建一个分页，但我无法解决问题。基本上，我得到的是一个名为"Portfolio page"的自定义页面模板，它位于page-portfolio.php中，我每页最多显示5篇文章。

当我点击转到下一个包含旧帖子或新帖子的页面时，我会看到portfolio/page/page-number-here/的url，而原始url是portfolio/，它有所有的标记和内容。当url不再位于portfolio/时，这将导致所有标记和样式消失。我该如何将较旧或较新的帖子加载到同一模板中？

我一直在搜索codex和支持以寻找答案，但我甚至找不到其他有这个问题的人。我确信我错过了导致这种情况发生的重要事情。

这是我的page-portfolio.php:

<?php /* Template Name: Portfolio Page */ ?>
<?php get_header(); ?>
<?php
  $num_posts = ( is_front_page() ) ? 1 : 5;
  $args = array(
    'post_type' => 'portfolio',
    'posts_per_page' => $num_posts
  );
  $query = new WP_Query( $args );
?>
<section id="portfolio-wrapper">
  <ul id="portfolio-list" class="list-reset">
  <?php if ( $query->have_posts() ) : while ( $query->have_posts() ) : $query->the_post(); ?>
    <li class="clear-fix portfolio-piece">
      <h1 class="portfolio-piece-title"><?php the_title(); ?></h1>
      <div class="portfolio-piece-gallery"><?php the_field('images'); ?></div>
      <div class="portfolio-piece-content"><?php the_content(); ?></div>
    </li>
  <?php endwhile; ?>
  </ul>
  <div class="pagination-wrapper">
    <?php 
      if ( function_exists( 'pagination' ) ) {
        pagination( $query->max_num_pages );
      } 
    ?>
    <?php endif; wp_reset_postdata(); ?>
  </div>
</section>
<?php get_footer(); ?>

我正在使用一个分页函数，它看起来像这样：

function pagination( $pages = '', $range = 4 ) {  
   $showitems = ( $range * 2 ) + 1;  
   global $paged;
   if ( empty( $paged ) ) {
     $paged = 1;
   }
   if ( $pages == '' ) {
     global $wp_query;
     $pages = $wp_query->max_num_pages;
     if ( !$pages ) {
       $pages = 1;
     }
   }   
   if ( 1 != $pages ) {
     echo "<div class='"pagination'"><span>Page ".$paged." of ".$pages."</span>";
     if ( $paged > 2 && $paged > $range+1 && $showitems < $pages) { 
       echo "<a href='".get_pagenum_link( 1 )."'>&laquo; First</a>";
     }
     if ( $paged > 1 && $showitems < $pages ) {
       echo "<a href='".get_pagenum_link( $paged - 1 )."'>&lsaquo; Previous</a>";
     }
     for ( $i = 1; $i <= $pages; $i++ ) {
       if ( 1 != $pages &&( !( $i >= $paged + $range + 1 || $i <= $paged - $range - 1 ) || $pages <= $showitems ) ) {
         echo ( $paged == $i ) ? "<span class='"current'">".$i."</span>":"<a href='".get_pagenum_link( $i )."' class='"inactive'">".$i."</a>";
       }
     }
     if ( $paged < $pages && $showitems < $pages) {
       echo "<a href='"".get_pagenum_link( $paged + 1 )."'">Next &rsaquo;</a>";
     }
     if ($paged < $pages - 1 &&  $paged + $range - 1 < $pages && $showitems < $pages) {
       echo "<a href='".get_pagenum_link($pages)."'>Last &raquo;</a>";
     }
     echo "</div>'n";
   }
}