Question

在页面模板上，我创建了一个用于获取5个帖子的查询，在该自定义模板上，我有一个加载更多按钮。现在，当我点击该按钮时，我想在该页面上加载更多3个帖子。我在这里看到了一个tutoial http://www.problogdesign.com/wordpress/load-next-wordpress-posts-with-ajax/，我可以在这里创建这个系统，但本教程显示了index.php。但我想在我的自定义模板上使用此系统。现在我在自定义模板中有这个代码

<?php
  /*
  Template Name: Normal
  */
  get_header();
?>
<?php
    $loop = new WP_Query(array(
        'post_type' =>  'post',
        'posts_per_page'    =>  5
    ));
?>
<div id="content">
    <?php if($loop->have_posts()) : ?>
        <?php while($loop->have_posts()) : $loop->the_post(); ?>
            <h2><?php the_title(); ?></h2>
            <?php the_content(); ?>
        <?php endwhile; ?>
    <?php endif; ?>
    <div class="load_more">
        <button class="load">Load More</button>
    </div>
</div>
<?php wp_footer(); ?>
<?php get_footer(); ?>

现在，当我点击“加载更多按钮”时，我应该怎么做才能加载更多帖子

Answer 1

如果没有AJAX或者更复杂的页面重新加载，这是不可能的。一个潜在的解决方法是（如果你只有少量帖子）是加载所有帖子然后使用CSS来隐藏多余的帖子。然后，使用jQuery将类（例如.next-to-appear）添加到前三个隐藏的帖子中。然后，在单击按钮时使用jQuery使这三个按钮出现，删除.next-to-appear类并将其移动到下一组三个。不优雅但可能有效。

如何在没有使用ajax加载页面的情况下在wordpress帖子中加载更多帖子

1 个答案: