learn.jquery.com: Show post heirarchy for context. Fixes jquery/learn.jquery.com#227.

Author: scottgonzalez

themes/jquery/css/base.css

@@ -2792,6 +2792,9 @@ footer li img {
 	opacity: 1;
 }
 
+.post-heirarchy {
+	margin-bottom: 0.75em;
+}
 
 /* Listing Pages (categories, searches, etc.)
    ========================================================================== */

themes/jquery/functions.jquery.php

@@ -183,3 +183,23 @@ function jq_banner() {
 				'jquery_portland_banner_' . $site_color . '.png">' .
 		'</a>';
 }
+
+function jq_post_heirarchy() {
+	global $post;
+	$current = $post;
+	$parents = array();
+	while ( $current->post_parent ) {
+		$current = get_post( $current->post_parent );
+		$parents[] = '<a href="' . get_permalink( $current->ID ) . '">' .
+			$current->post_title . '</a>';
+	}
+
+	if ( empty( $parents ) ) {
+		return '';
+	}
+
+	return '' .
+		'<div class="post-heirarchy">' .
+			'Posted in: ' . implode( ' > ', array_reverse( $parents ) ) .
+		'</div>';
+}

themes/learn.jquery.com/content-page.php

@@ -5,6 +5,7 @@
 ?>
 
 <?php $next_prev_arr = get_next_prev_post(); ?>
+<?php echo jq_post_heirarchy(); ?>
 <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 	<header class="entry-header">
 		<h1 class="entry-title"><?php the_title(); ?></h1>