php - WordPress 中的 JQuery Masonry 和无限滚动

Question

我目前正在为自己制作一个作品集网站，使用修改版本 'Gridly' WordPress 主题。 Here's the current website .

现在我正在尝试实现 'infinite scroll' plugin ，但我似乎无法让它工作。

我不确定这里是否有人熟悉这个特定的插件，但为了以防万一，我使用的选择器是:

Content Selector: #post-area
Navigation Selector: .view-older
Next Selector: .view-older a:first
Item Selector: .post

我真的无法判断哪些代码与此处发布相关，但以下是index.php 包含的内容:

<?php get_header(); ?>

<?php if (have_posts()) : ?>
<div id="post-area">
<?php while (have_posts()) : the_post(); ?> 

<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
     <?php if ( has_post_thumbnail() ) { ?>
     <div class="gridly-image"><a href="<?php the_permalink() ?>"><?php the_post_thumbnail( 'summary-image' );  ?></a></div>
      <div class="gridly-category"><p><?php the_category(', ') ?></p></div>

      <?php } ?>
            <div class="gridly-copy"><h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
            <p class="gridly-date"><?php the_time(get_option('date_format')); ?>  </p>

<?php the_excerpt(); ?> 

           <p class="gridly-link"><a href="<?php the_permalink() ?>"></a></p>
     </div>
   </div> 



<?php endwhile; ?>
</div>
<?php else : ?>
<?php endif; ?>

<?php next_posts_link('<p class="view-older">View Older Entries</p>') ?>


<?php get_footer(); ?>

我还将行为设置为 Masonry/Isotope，并确保插件已激活。

如果有人能帮助我解决这个问题，我将非常感激。我(显然)不是网络开发人员，所以如果这听起来很愚蠢，请耐心等待。

Answer 1

我做到了!为了让可能遇到同样问题的人受益，我解决了这个问题:

首先，由于某种原因，该主题包含“查看较旧的帖子”功能，但不包含“查看较新的帖子”功能。我通过复制解决了这个问题

<?php next_posts_link('<p class="view-older">View Older Entries</p>') ?>

并且都在链接周围创建一个 div，并添加另一行代码，以便它指出

<div ="navigation>
<?php next_posts_link('<p class="view-older">View Older Entries</p>') ?>
<?php previous_posts_link('<p class="view-newer">View Newer Entries</p>') ?>
</div>

接下来，我将无限滚动选择器更改为

Content Selector: #post-area
Navigation Selector: #navigation
Next Selector: #navigation a:first
Item Selector: #post-area .post

如果其他人遇到类似问题，希望这会有所帮助。 :)