Thesis XHTML Sitemap V2

The initial code for this worked well, but justme on the Support boards (login required) for the Thesis theme wanted something similar, but with each post listed under their respective categories.

Instructions

1. Create a new page, and save it with the name “sitemap”.
2. Make sure the Page Template selection is set to “Custom Template”.
3. Open and prepare to edit your custom_functions.php file.
4. Add the following:

   function xhtml_sitemap() {
   if (is_page('sitemap') || is_page('707')) { ?>
   
   <div id="content">
   <div class="post_box top">
   <div class="headline_area">
   	<h1><?php the_title(); ?></h1>
   </div>
   <div class="format_text">
     <h3>All pages:</h3>
   <ul>
   	<?php wp_list_pages('title_li='); ?>
   </ul>
   <h3>All blog posts:</h3>
   <ul>
   	<?php echo posts_by_category(); ?>
   </ul>
   <h3>Monthly archive pages:</h3>
   <ul>
   	<?php wp_get_archives('type=monthly'); ?>
   </ul>
   </div>
   </div>
   </div>
   <div id="sidebars">
   <?php thesis_build_sidebars(); ?>
   </div>		
   
   <?php } }
   
   add_action('thesis_hook_custom_template', 'xhtml_sitemap');
   
   function posts_by_category() {
   	global $wpdb, $post;
   	$tp = $wpdb->prefix;
   	$sort_code = 'ORDER BY name ASC, post_date DESC';
   	$the_output = NULL;
   	$last_posts = (array)$wpdb->get_results("SELECT {$tp}terms.name, {$tp}terms.term_id, {$tp}term_taxonomy.term_taxonomy_id	FROM {$tp}terms, {$tp}term_taxonomy	WHERE {$tp}terms.term_id = {$tp}term_taxonomy.term_id AND {$tp}term_taxonomy.taxonomy = 'category'");
   	if (empty($last_posts)) {
   	  return NULL;
   	}
   	$the_output .= '';
   	$used_cats = array();
   	$i = 0;
   
   	foreach ($last_posts as $posts) {
   		if (in_array($posts->name, $used_cats)) {
   			unset($last_posts[$i]);
   		} else {
   			$used_cats[] = $posts->name;
   		}
   		$i++;
   	}
   	$last_posts = array_values($last_posts);
   
   	foreach ($last_posts as $posts) {
   	  $the_output .= '<li><a href="' . get_category_link($posts->term_id) . '"><strong>' . apply_filters('list_cats', $posts->name, $posts) . '</strong></a><ul>';
   	  $arcresults = $wpdb->get_results("SELECT * FROM $wpdb->posts WHERE post_type = 'post' AND post_status = 'publish' AND ID IN (SELECT object_id FROM {$tp}term_relationships, {$tp}terms WHERE {$tp}term_relationships.term_taxonomy_id =" . $posts->term_taxonomy_id . ") ORDER BY post_date DESC");
   	  foreach ( $arcresults as $arcresult ) {
   	    $the_output .= '<li><a href="' . get_permalink($arcresult->ID) . '">' . apply_filters('the_title', $arcresult->post_title) . '</a></li>';
   	  }
       $the_output .= '</ul></li>';
     }
     return $the_output;
   }
   

Tweaks

My sitemap page has the slug “sitemap” and has an ID of 707. Although you might have created your page with the same slug, you should amend the 707 to the ID of your page. You can find this by hovering over the relevant edit link on the Edit Posts page.

Obviously, remember you may also need to add starting and ending PHP delimiters (<?php and ?>) depending on where you put this in your custom_functions.php file.

You may also need to change the div structure to suit how your overall site layout.

Add a nice bit of JavaScript to collapse the sub unordered lists, and it will improve it’s usability no-end. Search engine bots won’t collapse the lists, and could still traverse all links, while humans would not be confronted with a stupid amount of links.

Result

You can see a demo of what your new sitemap page will look like by checking out mine

About the Author

Gary Jones is a web developer from Basingstoke with a keen interest in anything to do with the web. He runs Gamajo Tech, a freelance web development company in Basingstoke, delivering sites and code professionally to small businesses and individuals.

Get social with Gary: Twitter | Facebook | LinkedIn | Last.fm

Tagged as: Thesis, WordPress

If you enjoyed this post, please consider leaving a comment and subscribing to the RSS feed or subscribing via email to have future articles delivered to your feed reader or email inbox.