带有缩略图的上一篇/下一篇帖子

目前，我正在处理我们的投资组合中的几个项目。每个项目都是一篇带有标题、类别和；特色图片。查看项目时，有4篇下一篇/上一篇文章。

如何显示下一个2和前一个2？如果下一篇或上一篇不存在，我如何只显示4篇之前的文章或4篇接下来的文章（在第一篇和最后一篇文章）？

目前我正在使用twitter引导CSS/HTML：

<div class="row-fluid tab-footer">

        <div class="span3">



                      <div class="row-fluid none">
                           <div class="span3">THUMBNAIL</div>

                           <div class="span9" ><h2>TITLE</h2>

                           <p><?php
                                foreach((get_the_category()) as $childcat) {
                                if (cat_is_ancestor_of(3, $childcat)) {
                                echo \'<a href="\'.get_category_link($childcat->cat_ID).\'">\';
                                 echo $childcat->cat_name . \'</a> \';
                                }}
                                ?>
                            </p> 
                      </div>

        </div> 

        <div class="span3 hidden-phone">

                  <div class="row-fluid none">
                       <div class="span3">THUMBNAIL</div>

                       <div class="span9" ><h2>TITLE</h2>

                       <p>CATEGORY</p> 
                  </div>
        </div>

        <div class="span3 hidden-phone">
                  <div class="row-fluid none">
                       <div class="span3">THUMBNAIL</div>

                       <div class="span9" ><h2>TITLE</h2>

                       <p>CATEGORY</p> 
                  </div>
        </div>

        <div class="span3">   
                  <div class="row-fluid none">
                       <div class="span3">THUMBNAIL</div>

                       <div class="span9" ><h2>TITLE</h2>

                       <p>CATEGORY</p> 
                  </div>
        </div>

</div>

<?php //remember the id and menu_order from current post $id=get_the_ID(); global $haet_post_order; $haet_post_order=$post->menu_order; //There is only one sphere per project in this example $custom_terms = get_the_terms($id, \'sphere\'); foreach ($custom_terms AS $term) { $sphere=$term->slug; } function haet_filter_next_post( $where = \'\' ) { global $haet_post_order; $where .= \' AND menu_order>\'.$haet_post_order; return $where; } add_filter( \'posts_where\', \'haet_filter_next_post\' ); $loop = new WP_Query( array( \'post_type\' => \'project\', \'posts_per_page\' => 1,\'orderby\' => \'menu_order\',\'order\' => \'ASC\',\'sphere\'=>$sphere ) ); remove_filter( \'posts_where\', \'haet_filter_next_post\' ); //if there is no next post use the first one if( !$loop->have_posts() ){ $loop = new WP_Query( array( \'post_type\' => \'project\', \'posts_per_page\' => 1,\'orderby\' => \'menu_order\',\'order\' => \'ASC\',\'sphere\'=>$sphere ) ); } while ( $loop->have_posts() ) : $loop->the_post(); // place you code here ?> <?php endwhile; ?>

相关推荐