Listing Wordpress Pages Multiple Levels Deep
I was recently working on a client project that required the ability to show a “sub menu” when you’re on a specific page and also the sub-sub page for the first sub page. So for instance I have the following:
- HOME PAGE
- HOME PAGE – FIRST PAGE
- HOME PAGE – FIRST PAGE – SECOND PAGE
Now, I needed to be able to call a list for the FIRST PAGE to showcase any of the SECOND PAGE links, but also pull a list on the SECOND PAGE for anything under that one (ie: THIRD PAGE). I found a quick solution to show sub pages by using a simple piece of php code, but that wouldn’t work for a SUB – SUB PAGE, thus, after some digging and piecing together, the code below works like a charm.
<?php
global $post;if ( $post->post_parent )
$parent = wp_list_pages(”title_li=&echo=0&hierarchical=0&include=” . $post->post_parent); else$thispage = wp_list_pages(”title_li=&echo=0&hierarchical=0&include=” . $post->ID);
$children = wp_list_pages(”title_li=&echo=0&depth=1&sort_column=menu_order&child_of=” . $post->ID);if ($children) { ?>
<div class=”sidebox”>
<img src=”<?php bloginfo(’stylesheet_directory’); ?>/images/side_subnavigation.jpg” alt=”Navigation” />
<ul>
<?php echo $children; ?>
</ul>
</div>
<? } ?>
Now you’ll notice that I added a <div> around my ul list because thats what my design called for but you can remove the div, change it to fit your needs, or style the ul by adding a class to it, ect. That is a whole other subject, but for now, at least I have a working piece of php code that will display a SUB navigation and also a SUB SUB navigation when needed on the site.
*Please note due to the way that the blockquotes work in wordpress, the above code will need the ” replaced. Just highlight each ” and retype it out yourself once you paste the code into whatever editor you’re using.
A handy script.
Bookmarked: http://codebounce.com/Wordpress
Great explanation on how to work with html and wordpress. So many people use this service and don’t understand how to fully utilize it. Thanks for the info.
http://www.datexmedia.wordpress.com
Hi , great post! i have a little question! When i used this code it works phenomenal! but when i click on my sub sub page i only see the sub sub page listed and the sub page just dissapear! is any way to make that when i’m in the sub sub page i can view the sub pages and the sub sub page listed? thank you!