Как прикрутить пагинацию к WP_Query, в чем ошибка?

Question

[ivanxxmakarov]

Не выходит вывести пагинацию на странице в цикле WP_Query

<!-- Наши работы -->
     <div class="container space-bottom-2 space-top-4 px-sm-5 px-lg-0">
     <div class="col-md-12 col-lg-12 mb-7 px-0">
       <!-- Icon Blocks -->
       <div class="media pr-lg-5">
         <div class="media-body">

           <h3 class="h1-1 headline-main">Примеры наших работ</h3>
           <p class="mb-1">Все работы выполнены профессионалами высокого уровня.</p>
           <?php  ?>
         </div>
       </div>
       <!-- End Icon Blocks -->
     </div>
     <div class="u-cubeportfolio">
       <!-- Content -->
       <div class="cbp"
            data-layout="grid"
            data-controls="#filterControls"
            data-animation="quicksand"
            data-x-gap="32"
            data-y-gap="32"
            data-media-queries='[
             {"width": 1500, "cols": 4},
             {"width": 1100, "cols": 4},
             {"width": 800, "cols": 4},
             {"width": 480, "cols": 2},
             {"width": 300, "cols": 1}
           ]'>


         <!-- тестовый блок на вывод поста в виде портфолио -->


   <?php
   // задаем нужные нам критерии выборки данных из БД
   $args = array(
      'post_type'         => 'portfolio',
      'rubric'            => 'logo_design',
      'posts_per_page'    => 2,
      'orderby'           => 'rand',
   );

   $query = new WP_Query( $args );

   // Цикл
   if ( $query->have_posts() ) {
   	while ( $query->have_posts() ) {
   		$query->the_post();?>

      <!-- работа портфолио -->
        <!-- Item -->

          <div class="cbp-item rounded
                   <?php $cur_terms = get_the_terms( $post->ID, 'rubric' );
                     foreach($cur_terms as $cur_term){
                       echo ''. $cur_term->slug .' ';

                     };
                   // выводим наши таксономии
                   ?>
                   ">
            <a class="cbp-caption" href="<?php the_permalink(); ?>">
              <div class="cbp-caption-defaultWrap">

                <?php $photo_privu_static_380x360 = get_field( "photo_privu_static_380x360" ); ?>
                 <img src="<?php the_field('photo_privu_static_380x360'); ?>" alt="Image Description">

              </div>
              <div class="cbp-caption-activeWrap bg-primary">
                <div class="cbp-l-caption-alignCenter">
                  <div class="cbp-l-caption-body">
                    <h4 class="h6 text-white mb-0"><?php the_field('title_privu'); ?></h4>
                    <p class="small text-white-70 mb-0"><?php the_field('descriotion_privu'); ?></p>
                  </div>
                </div>
              </div>
            </a>
          </div>
        <!-- End Item -->
      <!-- END работа портфолио -->


    <?php } // конец wile ?>

    <div class="space-bottom-2"></div>

    <?php the_posts_pagination( array(
          'show_all'     => false, // показаны все страницы участвующие в пагинации
          'end_size'     => 1,     // количество страниц на концах
          'mid_size'     => 1,     // количество страниц вокруг текущей
          'prev_next'    => true,  // выводить ли боковые ссылки "предыдущая/следующая страница".
          'prev_text'    => __('« '),
          'next_text'    => __(' »'),
          'add_args'     => false, // Массив аргументов (переменных запроса), которые нужно добавить к ссылкам.
          'add_fragment' => '',     // Текст который добавиться ко всем ссылкам.
          'screen_reader_text' => __( 'Posts navigation' ),
        ) );
    ?>

    <?php }// конец if ?>


  <!-- } else {
   	// Постов не найдено
   }
   // Возвращаем оригинальные данные поста. Сбрасываем $post.
   wp_reset_postdata();
   ?> -->
 </div>
</div>
</div>