Question

我是wordpress的新手。我有一个任务显示最后3个帖子，但不是通常的方式。邮政div将有不同的大小。这是我的HTML代码。

<div class="latest-posts">
       <div class="latest-posts-news-left">NEWS</div>
       <div class="latest-posts-news-right">
           <div class="l">
               <div class="latest-posts-news-first">first post</div>
               <div class="latest-posts-news-second">second post</div>
           </div>
           <div class="r">
               <div class="latest-posts-news-third">third post</div>
           </div>
       </div>
</div>

这张图片展示了它的外观http://img607.imageshack.us/img607/5194/1n3u.png

左边有两个div，右边有一个div。

我应该如何循环这个案例？如果你能给我一个有效的例子，我将非常感激，因为我正在寻找答案，但没有找到。

非常感谢！

Answer 1

<?php
$queryObject = new WP_Query( 'post_type=post&posts_per_page=5,orderby=post_date,order=DESC' );
// The Loop!
if ($queryObject->have_posts()) {

while ($queryObject->have_posts()) {
$queryObject->the_post();
?>

<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
<?php
}

}
?>

Answer 2

试试这个

<?php 
// the query
$the_query = new WP_Query( 'post_type=post&posts_per_page=3,orderby=post_date,order=DESC' );
 ?>

<?php if ( $the_query->have_posts() ) : 


        $count_rows  = 0;
?>

<div class="latest-posts">
       <div class="latest-posts-news-left">NEWS</div>
       <div class="latest-posts-news-right">

  <!-- the loop -->
  <?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
    <h2><?php the_title(); ?></h2>
    <?php if( ( $count_rows + 1 ) % 2 == 0 ) { ?>
     <div class="l">
               <div class="latest-posts-news-first"><?php the_post(); ?></div>
               <div class="latest-posts-news-second"><?php the_post(); ?></div>
           </div>
       <?php  } else { ?>

        <div class="r">
               <div class="latest-posts-news-third"><?php the_post(); ?></div>
           </div>
  <?php } 
  $count_rows++; 
  endwhile; ?>
  <!-- end of the loop -->

</div>
</div>

  <?php wp_reset_postdata(); ?>

<?php else:  ?>
  <p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
<?php endif; ?>

Wordpress - 显示最后的帖子自定义方式

2 个答案: