Sabrina Gelbart's Library tagged tutorials →  View Popular

Creating Two-Tiered Conditional Navigation in Wordpress »




A common navigational scheme, parent pages on top and child pages (if they exist) on bottom:









How To »




Darren Hoyt goes through a nice solution to help us: 1) query the page, 2) determine if there are child pages, and 3) properly highlight both the .current_page_parent and .current_page_item links.



view plaincopy to clipboardprint?
1. <ul id="nav">  
2. <?php wp_list_pages('title_li=&depth=1'); ?>  
3. </ul>  
4.   
5. <?php if($post->post_parent)  
6. $children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0"); else  
7. $children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0");  
8. if ($children) { ?>  
9. <ul id="subnav">  
10. <?php echo $children; ?>  
11. </ul>  
12. <?php } else { ?>  
13. <?php } ?>  

<ul id="nav">
<?php wp_list_pages('title_li=&depth=1'); ?>
</ul>

<?php if($post->post_parent)
$children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0"); else
$children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0");
if ($children) { ?>
<ul id="subnav">
<?php echo $children; ?>
</ul>
<?php } else { ?>
<?php } ?>




And then he show us how to use CSS to make sure the :active and :hover states display correctly whether or not subpages exist — if they do, the primary nav uses current_page_parent, if they don’t, it resorts to simply current_page_item.

7. Create a sitemap for the whole website

Google XML Sitemaps- This plugin will create a Google sitemaps compliant XML-Sitemap of your WordPress blog. It supports all of the WordPress generated pages as well as custom ones. Everytime you edit or create a post, your sitemap is updated and all major search engines that support the sitemap protocol, like ASK.com, Google, MSN Search and YAHOO, are notified about the update.