在Wordpress和paginate中集成Bootstrap Carousel以显示每页3个帖子

时间:2013-01-08 09:53:27

标签: wordpress twitter-bootstrap pagination carousel

我正在尝试将此http://jsfiddle.net/Va8Un/10/集成到作者页面上,以显示自定义帖子类型中的所有帖子。

这是我的测试代码,显示了我想要做的事情,此代码在3 span4上显示相同的帖子:

<?php 
$args1 = array(
'post_type' => array( 'peliculas' ),
'posts_per_page' => -1,
);
$query1 = new WP_Query( $args1 );
if ( $query1->have_posts() ) { ?>
<div class="carousel slide" id="autor-pelicules">
 <div class="carousel-inner">
    <?php 
    $i = 0;
    while ( $query1->have_posts( )) : $i++; $query1->the_post();
    $active = ($i == 1) ? ' active' : '';
    ?>  
<div class="item <?php echo $active; ?>">

    <div class="span4">
    <div class="thumbnail">
      <a title="<?php the_title_attribute(); ?>" href="<?php the_permalink(); ?>" rel="bookmark">
                <?php   if ( has_post_thumbnail() ) {   
                    the_post_thumbnail('mini', array ('class' => 'widget-uef'));
                } else { ?>
                    <img src="<?php echo get_stylesheet_directory_uri(); ?>/tema/imatges/predefinides/no-poster-65x90.png" class="widget-uef" alt="<?php the_title_attribute(); ?>" />
                <?php } ?>
                </a> 
    </div>
   </div>

   <div class="span4">
    <div class="thumbnail">
      <a title="<?php the_title_attribute(); ?>" href="<?php the_permalink(); ?>" rel="bookmark">
                <?php   if ( has_post_thumbnail() ) {   
                    the_post_thumbnail('mini', array ('class' => 'widget-uef'));
                } else { ?>
                    <img src="<?php echo get_stylesheet_directory_uri(); ?>/tema/imatges/predefinides/no-poster-65x90.png" class="widget-uef" alt="<?php the_title_attribute(); ?>" />
                <?php } ?>
                </a> 
    </div>
  </div>

  <div class="span4">
    <div class="thumbnail">
      <a title="<?php the_title_attribute(); ?>" href="<?php the_permalink(); ?>" rel="bookmark">
                <?php   if ( has_post_thumbnail() ) {   
                    the_post_thumbnail('mini', array ('class' => 'widget-uef'));
                } else { ?>
                    <img src="<?php echo get_stylesheet_directory_uri(); ?>/tema/imatges/predefinides/no-poster-65x90.png" class="widget-uef" alt="<?php the_title_attribute(); ?>" />
                <?php } ?>
                </a> 
    </div>
  </div>

</div> 
    <?php
    endwhile;
    ?>
</div>
  <a class="carousel-control left" href="#autor-pelicules" data-slide="prev"><img src="<?php echo $jp_imatges . 'carousel-l.png'; ?>" alt="Pel&iacute;cula anterior" /></a>
<a class="carousel-control right" href="#autor-pelicules" data-slide="next"><img src="<?php echo $jp_imatges . 'carousel-r.png'; ?>" alt="Pel&iacute;cula siguiente" /></a> 

我尝试用多种方式处理一个查询,但是如果不使用'posts_per_page'=&gt;我就无法显示3个不同的帖子3 $ args1 中,当我使用'posts_per_page'=&gt; 3 检索到的帖子还可以,但查询没有分页,因为只检索了这3个帖子。

有关如何使用wordpress查询实现此功能的想法吗?

1 个答案:

答案 0 :(得分:0)

您遗漏了代码中的两件事

  1. 您需要添加此'paged'=&gt; $ paged $ args1
  2. 您需要调用WordPress分页功能,可以使用此<?php page_navi(); // use the page navi function ?>
  3. 来完成

    我认为如果你使用这些它应该适合你。让我知道它是否有用或使用后得到的任何结果:)