WordPress.org

1. reidorants
   Member
   Posted 7 months ago #

   Hi,

   I am looking for a way that I can display 10 (maybe 14) recent posts but split across two unordered lists, 5 (or 7) in each. I am looking to do this because I want them to display in two blocks next to each other. I will try and illustrate below:

   Post 10       Post 5
   Post 9         Post 4
   Post 8         Post 3
   Post 7         Post 2
   Post 6         Post 1

   Anyone know of a way I can do this?

   Thanks

   Dave

2. vtxyzzy
   Member
   Posted 7 months ago #

   Here is some sample code that should help:

   <?php
   query_posts('posts_per_page=10&caller_get_posts=1');
   
   $posts_left_col = ceil($wp_query->post_count / 2);
   $posts_count = 0;
   ?>
   <?php if (have_posts()) : ?>
      <ul class="two-column">
      <?php while (have_posts()) :
         the_post(); ?>
         <li><?php the_title(); ?></li>
         <?php if (++$posts_count == $posts_left_col) { ?>
            </ul><ul class="two-column">
         <?php }
      endwhile; ?>
      </ul>
      <div style="clear: both;"></div>
   <?php endif; ?>

   And here is the style:

   <style type="text/css">
   ul.two-column {
      width: 45%;
      float: left;
   }
   </style>

   You might need to adjust the width, depending on your margins and padding.

3. reidorants
   Member
   Posted 7 months ago #

   Thank you so much! Worked perfectly :D

Reply

You must log in to post.