1

我目前正在为自己制作一个投资组合网站，使用修改版的“Gridly” wordpress 主题。这是当前的网站。

现在我正在尝试实现“无限滚动”插件，但我似乎无法让它工作。

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

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，并确保插件已激活。

如果有人可以帮助我解决这个问题，我将不胜感激。我（显然）不是网络开发人员，所以如果这听起来很愚蠢，请多多包涵。

4

2 回答 2

2

我做的！为了任何可能遇到相同问题的人的利益，这就是我解决它的方法：

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

<?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

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

于 2013-06-14T09:09:57.547 回答
1

恐怕不是真正的答案，但评论太长了。您的链接最终在 HTML 中有点扭曲，并带有一个a环绕 a p（虽然从技术上讲，这对于您的文档类型是“合法的”，但这不是一个好主意）。

<a href="http://www.finlaydownes.com/page/2/" ><p class="view-older">View Older Entries</p></a>

不确定如何a:first定位，或者它指的是什么。

于 2013-06-14T08:22:14.017 回答