Пагинация не работает на статической главной странице.

Пагинация статической главной страницы работает нормально на локальном сервере. Но когда я загрузил её на онлайн-сервер, она не работает. Я использую бесконечную прокрутку. Проблема только со статической главной страницей, когда я не использую статическую главную страницу, тогда всё работает. Вот мой код, помощь будет очень appreciated!

<?php
/*
Template Name: Layout 1 
*/
?>
<?php get_header(); ?>

<div class="main">


  <div class="container">
  <div class="sixteen columns">
  <div class="portfolio-all-main">


<?php 
if ( get_query_var('paged') ) { $paged = get_query_var('paged'); }
elseif ( get_query_var('page') ) { $paged = get_query_var('page'); }
else { $paged = 1; }

$args = array('post_type' => 'portfolio', 'posts_per_page' => 3, 'paged' => $paged );

$temp = $wp_query;
$wp_query = null;
$wp_query = new WP_Query();
$wp_query->query( $args );

   while ($wp_query->have_posts()) : $wp_query->the_post();
?>    



   <div class="portfolio-itemv2">
     <div class="pfolio-item-fixer">

                <a href="https://wordpress.stackexchange.com/questions/214849/<?php the_permalink(); ?>" rel="bookmark" title="Постоянная ссылка на <?php the_title_attribute(); ?>">

               <?php the_post_thumbnail(''); ?>
         </a>
        </div>


        <div class="pwhites">
            <h2 class="portfolio-title"><a href="https://wordpress.stackexchange.com/questions/214849/<?php the_permalink(); ?>" rel="bookmark" title="Постоянная ссылка на <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
        </div>
        </div>


        <?php endwhile; ?>        
                    <div class="pagi">
<div id="page-nav"><?php next_posts_link(__('')) ?></div>

            </div>
<?php
  $wp_query = null;
  $wp_query = $temp;
?>
         <div class="clear"></div>
        </div></div>

          </div>  </div>
<script>
  $(function(){

    var $container = $('.portfolio-all-main');

    $container.imagesLoaded(function(){
      $container.masonry({
        itemSelector: '.portfolio-itemv2'

      });
    });

    $container.infinitescroll({
      navSelector  : '#page-nav',    // селектор для навигации по страницам 
      nextSelector : '#page-nav a',  // селектор для ссылки на СЛЕДУЮЩУЮ страницу (страница 2)
      itemSelector : '.portfolio-itemv2',     // селектор для всех элементов, которые вы будете извлекать
      loading: {
          finishedMsg: '',
          img: '<?php echo get_template_directory_uri(); ?>/images/ajax-loader.gif'
        }
      },
      // при срабатывании вызов Masonry
      function( newElements ) {
        // скрыть новые элементы, пока они загружаются
        var $newElems = $( newElements ).css({ opacity: 0 });
        // убедитесь, что изображения загружаются перед добавлением в макет masonry
        $newElems.imagesLoaded(function(){
          // показать элементы, когда они готовы
          $newElems.animate({ opacity: 1 });
          $container.masonry( 'appended', $newElems, true ); 
        });
      }
    );

  });
</script>        

<?php get_footer(); ?>

Используйте
https://codex.wordpress.org/Pagination#static_front_page

И
https://codex.wordpress.org/Creating_a_Static_Front_Page

Другие решения
https://stackoverflow.com/questions/20644991/wordpress-static-page-pagination

запрос отличается на статических главных страницах …
один хак после вашего цикла while

<?php if ($the_query->max_num_pages > 1) : // кастомная пагинация  ?>
      <?php
        $orig_query = $wp_query; // исправление для работы пагинации
        $wp_query = $the_query;

            echo '<div class="both"></div>';
            understrap_pagination(); //ваша пагинация

        $wp_query = $orig_query; // исправление для работы пагинации
      ?>
    <?php endif; ?>