Wordpress breadcrumb depth

Question

I'm currently using the code below to display my breadcrumbs. Which works fine up to a point. What I want is:

Home > Level 1 > Level 2 > Level 3

What I get is:

Home > Level 1 > Level 3

It's displaying one parent, so as long as your deepest link is a Level 2 you can't tell the difference. But you know, for complex sites that's just not enough.

Suggestions as to how to adjust this code to include all parents are most welcome.

The code:

function themename_breadcrumb() {
        global $post;

        echo '<ul class="breadcrumbs">';
    if (!is_home()) {
        echo '<li><a href="';
        echo get_option('home');
        echo '">';
        echo 'Home';
        echo "</a></li>";
        if (is_category() || is_single()) {
            echo '<li>';
            the_category(' </li><li> ');
            if (is_single()) {
                echo "</li><li>";
                the_title();
                echo '</li>';
            }
        } elseif (is_page()) {
            if($post->post_parent){
                $anc = get_post_ancestors( $post->ID );
                $anc_link = get_page_link( $post->post_parent );

                foreach ( $anc as $ancestor ) {
                    $output = "<li><a href=" . $anc_link . ">" . get_the_title( $ancestor ) . "</a>";
                }

                echo $output;
                    echo '</li><li> ';
                    echo the_title();
                    echo '</li>';

                } else {
                    echo '</li><li> ';
                    echo the_title();
                    echo '</li>';
                }
            }
    }
    elseif (is_tag()) {single_tag_title();}
    elseif (is_day()) {echo"<li>Archive for "; the_time('F jS, Y'); echo'</li>';}
    elseif (is_month()) {echo"<li>Archive for "; the_time('F, Y'); echo'</li>';}
    elseif (is_year()) {echo"<li>Archive for "; the_time('Y'); echo'</li>';}
    elseif (is_author()) {echo"<li>Author Archive"; echo'</li>';}
    elseif (isset($_GET['paged']) && !empty($_GET['paged'])) {echo "<li>Blog Archives"; echo'</li>';}
    elseif (is_search()) {echo"<li>Search Results"; echo'</li>';}
    echo '</ul>';
}

Answer 1

Doing same thing in more concise way:

function breadcrump_page( $post ) {
  $format = '<a href="%s" title="%s">%s</a> &gt;';    
  $anc = array_map( 'get_post', array_reverse( (array) get_post_ancestors( $post ) ) );
  $links = array_map( 'get_permalink', $anc );
  foreach ( $anc as $i => $apost ) {
    $title = apply_filters( 'the_title', $apost->post_title );
    printf( $format, $links[$i], esc_attr($title), esc_html($title) );
  }
  echo apply_filters( 'the_title', $post->post_title );
}

global $post;
if ( $post->post_parent ) breadcrump_page( $post );

WordPress has a core function get_post_ancestors that retrieve all the parent ids for hierarchical post. I called it, reverse the order becuse they are returned form direct parent to highest ancestor, and finally get all post objects and all permalinks using a couple of array_map.

Doing that, is just matter of glue all the pieces and output them.

Answer 2

For hierarchical page breadcrumb navigation, here's what I do:

// Define Parent Page Hierarchy Crumbs for Child Pages
elseif ( ! is_front_page() && is_page() && $post->post_parent ) { 
    $parent_id  = $post->post_parent;
    $breadcrumbs = array();
    while ( $parent_id ) {
        $page = get_page($parent_id);
        $breadcrumbs[] = '<a href="' . get_permalink($page->ID) . '">' . get_the_title($page->ID) . '</a>';
        $parent_id  = $page->post_parent;
    }
    $breadcrumbs = array_reverse( $breadcrumbs );
    foreach ( $breadcrumbs as $crumb ) {
        $hierarchy .= $delimiter . $crumb;
    }
    $hierarchy = $hierarchy . $delimiter;
    // Note: get_the_title() is filtered to output a
    // default title if none is specified
    $currentLocation = get_the_title(); 
} 

Note that I define $delimiter earlier in the function. The meat of what you're looking for is here.

First, get the ID of the current page's parent page:

$parent_id  = $post->post_parent;

Next, set up an array to hold the hierarchical parent page links:

$breadcrumbs = array();

Next, loop through each parent page, until there aren't any more, and add the constructed links to the array:

// Start looping
while ( $parent_id ) {
    // Get the page object
    $page = get_page($parent_id);
    // Build the HTML link
    $breadcrumbs[] = '<a href="' . get_permalink($page->ID) . '">' . get_the_title($page->ID) . '</a>';
    // Set the parent ID to the next parent,
    // to continue the loop.
    // Eventually, this will return 0,
    // at which time, the looping will end
    $parent_id  = $page->post_parent;
}

Finally, put the HTML links in the correct order:

$breadcrumbs = array_reverse( $breadcrumbs );

Now, you can do whatever you want with the $breadcrumbs array.