2016-05-18 8 views
0

私は表示するためにローディングインジケータを得ることができますが、それ以上のポストロードはありません。私は 'render'とテーマ名、content.phpの代わりにtemplate-partsコンテンツを使って、whileループにidを持つ別のdivを追加することを試みました。どんな助けでも大変感謝しています。Wordpress Jetpack無限スクロール

のindex.php

<?php get_header(); ?> 
<div class="tagline"> 
    <!-- General > Settings > Tagline --> 
    <?php echo get_bloginfo('description'); ?> 
</div> 
<?php get_template_part('content', get_post_format()); ?> 
<?php get_footer(); ?> 

content.php

<div id="content"> 
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 

    <section class="gallery"> 

     <?php if (have_posts()) : while (have_posts()) : the_post(); ?> 

      <article class="post-item"> 

       <?php 
if (has_post_thumbnail()) { 
echo '<a href="' . get_permalink($post->ID) . '" >'; 
the_post_thumbnail('thumbnail'); 
echo '</a>'; 
} 
?> 
<h2 class="post-title"><a href="<?php the_permalink(); ?>" rel="bookmark" title=" 
<?php the_title_attribute(); ?>"> 
<?php the_title(); ?></a></h2> 

</article> 
<?php endwhile; else: ?> 
<p> 
<?php _e('Sorry, no posts matched your criteria.'); ?> 
</p> 
<?php endif; ?> 

</section> 

</article> 
</div><!-- content --> 

のfunctions.php

add_theme_support('infinite-scroll', array(
'container' => 'content', 
'footer' => 'false' 
)); 

答えて

0

私が変更しましたfunctions.phpこれとそれはスクロールが動作している。

function my_theme_infinite_scroll_render() { 
get_template_part('content'); 
} 
add_theme_support('infinite-scroll', array(
'container' => 'content', 
'render' => 'my_theme_infinite_scroll_render', 
'posts_per_page' => 6,  
'footer' => 'false' 
)); 

テーマ名が何であれ、my_themeに変更します。

0

'wrapper' => falseを追加して、投稿から戻った後にページを完全にスクロールし、URLに/ page/2などを追加するのを停止します。

また、私はフッターが「偽」の周りにあったので、フッターが正しく消えてしまったということを取り除きました。

function my_theme_infinite_scroll_render() { 
get_template_part('content'); 
} 
add_theme_support('infinite-scroll', array(
'container' => 'content', 
'render' => 'my_theme_infinite_scroll_render', 
'wrapper' => false, 
'posts_per_page' => 6,  
'footer' => false 
));