Chad Von Lind

Show WordPress Child Pages Alongside Parent Page

I recently needed some subpage code for a WordPress project. Darren Hoyt had a quick and easy solution to show the child pages of a parent page, only if the page had subpages. This was useful. My project needed to include the parent page at the top of the list of child pages, so I’ve added a small modification to it.

This goes in your page template or sidebar template where you want your submenu to appear. It is outside the loop.

<?php
 $parent_title = get_the_title($post->post_parent);
 if($post->post_parent)
 $children = wp_list_pages("title_li=&sort_column=menu_order&child_of=".$post->post_parent."&echo=0&depth=1"); else
 $children = wp_list_pages("title_li=&sort_column=menu_order&child_of=".$post->ID."&echo=0&depth=1");
 if ($children && is_page()) { ?>
     <ul class="menu">
       <li <?php if ( is_page() && $post->post_parent ) {} else { ?>class="current_page_item"<?php } ?>><a href="<?php echo get_permalink($post->post_parent) ?>"><?php echo $parent_title;?></a></li>
          <?php echo $children; ?>
     </ul>
 <?php } ?>

As it stands, the only issue with this code, is that when you are on the parent page, the class that identifies it as current does not appear. If you know of a solution for this, please do tell.

Updated Oct 7th, 2011 to include “current” state on parent page.