Display list of wordpress pages in two columns

Usually in WordPress, the following code is used to call the pages list (you can find it in one of the sidebar files):

<?php wp_list_pages(); ?>

Normally when the list of pages is displayed in the sidebar or on any part of the theme, it displays in a single column. Through the following hack, you can split your pages list evenly into two or more columns which can save space and not make your pages longer.

Now, we will try and split the pages into two columns. Simply paste the following code where you’d like your pages to be displayed:

<?php
$page_s = explode("</li>",wp_list_pages('title_li=&echo=0&depth=1&style=none'));
$page_n = count($page_s) - 1;
$page_col = round($page_n / 2);
for ($i=0;$i<$page_n;$i++){
 if ($i<$page_col){
  $page_left = $page_left.''.$page_s[$i].’</li>’;
 }
 elseif ($i>=$page_col){
  $page_right = $page_right.”.$page_s[$i].’</li>’;
 }
}
?>
<ul class=”left”>
<?php echo $page_left; ?>
</ul>
<ul class=”right”>
<?php echo $page_right; ?>
</ul>

Basically the above code will split your pages and put them into two lists (left and right). Now all you have to do is style them so that they float left of each other. Add this code to your style.css file:

.right {float:left; width:200px;}
.left {float:left; width:200px;}

You might have to make some cosmetic adjustments in the above code so do it at your own pace.

Related articles:

• Use the WordPress 2.7 way to list your pages
• List all wordpress posts on a page
• create wordpress page template to redirect to first child page
• Display list of wordpress categories in two columns
• Include external pages in WordPress navigation