Wordpress获取帖子AJAX无限滚动

时间:2012-07-30 06:59:40

标签: php ajax wordpress wordpress-theming infinite-scroll

我正在开设一个网站http://www.matchlessphotography.com,该网站有很好的照片展示 - 它已经很长时间了......

enter image description here

基本上,客户希望这种情况能够无限继续。

我不知道如何做到这一点并且已经看过一些没有任何影响的教程...


这就是我目前收到帖子的方式:

<?php

        global $post;

        $args = array('numberposts'     => 104, 'meta_key=visible&meta_value=yes');
        $myposts = get_posts( $args );
        foreach( $myposts as $post ) :  setup_postdata($post); ?>

                <a class="photohovera" href="<?php the_permalink(); ?>">

                <?php $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); ?>            

                    <img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<? echo $url ?>&h=138&w=197" width="197" height="138" title="<?php the_title(); ?>" />

                    <span class="spanno">

                        <strong class="title_blog_mini_post">

                        <?php the_title(); ?>

                        </strong>

                    </span>

                </a>

        <?php endforeach; ?>

我想我只需要再次这样做,但每次增加偏移量......?

1 个答案:

答案 0 :(得分:0)

Paul Irishs jQuery Plugin Infinite Scroll是前往这里的方式。

插件寻找分页容器,例如div.navigation以及您要检索的项目的项容器,例如.photohovera

WordPress提供了显示分页链接的功能。它被称为paginate_links,其默认输出应该与插件的要求相匹配。

但是,你需要改变他们现在从get_posts()到WP_Query对象的帖子:

<?php
$args = array('numberposts'     => 104, 'meta_key=visible&meta_value=yes');
$myposts = new WP_Query( $args );
$results = $myposts->get_results();
foreach( $results as $post ) :  setup_postdata($post); ?>