Paginacja nie działa na statycznej stronie głównej
![Paginacja nie działa na statycznej stronie głównej](https://oen.pl/wp-content/uploads/2023/01/apple-touch-icon@2.png)
Statyczna paginacja strony głównej działa dobrze na localhost. ale kiedy przesłałem na serwer online, nie działa. używam nieskończonego przewijania. problem dotyczy tylko statycznej strony głównej, kiedy nie używam statycznej strony głównej, to działa. oto mój kod, pomoc będzie naprawdę mile widziana!
<?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=" the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">
<?php the_post_thumbnail(''); ?>
</a>
</div>
<div class="pwhites">
<h2 class="portfolio-title"><a href=" the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?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', // selector for the paged navigation
nextSelector : '#page-nav a', // selector for the NEXT link (to page 2)
itemSelector : '.portfolio-itemv2', // selector for all items you'll retrieve
loading: {
finishedMsg: '',
img: '<?php echo get_template_directory_uri(); ?>/images/ajax-loader.gif'
}
},
// trigger Masonry as a callback
function( newElements ) {
// hide new items while they are loading
var $newElems = $( newElements ).css({ opacity: 0 });
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
// show elems now they're ready
$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true );
});
}
);
});
</script>
<?php get_footer(); ?>