home.php

<?php get_header(); ?>
<main id="main" role="main">

<?php

  $page_title    = 'News';
  $page_subtitle = '';

   
?>
    <header>
      <p class="breadcrumb"><?php get_breadcrumb(); ?> / News</p>
      <?php if ( $page_title ) { ?>
        <h1><?php echo wp_kses_post( $page_title ); ?></h1>
      <?php } ?>
       
    </header>
    
    <div class="c-blog-posts h-feed">

        
          <?php
          // Pagination
          $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
          // Example argument that defines three posts per page.
          $args = array(
            'posts_per_page' => 12,
            'post_status' => 'publish',
            'paged' => $paged,
            'orderby' => 'date',
            'order' => 'DESC'
           );

          // Variable to call WP_Query.
          $the_query = new WP_Query( $args );

          if ( $the_query->have_posts() ) :
            ?>
          
            <?php
              // Start the Loop
              while ( $the_query->have_posts() ) : $the_query->the_post();
              // Loop Content
              include 'template-parts/cards/ucla-story-card.php';
              // End the Loop
              endwhile;
             ?>

             <?php 
          else:
              // If no posts match this query, output this text.
              _e( 'Sorry, no results match your criteria.', 'textdomain' );
          endif;

          wp_reset_postdata();
          ?>

    </div>
    <nav class="nav-links pagination u-max-width">
            <?php echo paginate_links([
              'format'  => 'page/%#%',
              'current' => $paged,
              'total'   => $the_query->max_num_pages,
              'mid_size'        => 10,
              'prev_text'       => __('&laquo;'),
              'next_text'       => __('&raquo;')
            ]); ?>
          </nav>

    <?php get_template_part('nav', 'below'); ?>
</main>
<?php get_footer(); ?>