30. August 2023

Breadcrumb-Navigation für WordPress

Mit diesem Code kannst du automatisch eine Breadcrumb-Navigation für deine WordPress-Website generieren. Ergänze folgenden Code in deiner functions.php:

function the_breadcrumb() {
    echo '<div class="breadcrumb">';
    echo '<a href="' . esc_url(home_url()) . '">Startseite</a>';
    if (is_page()) {
        global $post;
        $separator = ' &raquo; ';
        $ancestors = get_post_ancestors($post);
        
        if (!empty($ancestors)) {
            $ancestors = array_reverse($ancestors);
            foreach ($ancestors as $ancestor) {
                echo '<span class="separator">' . $separator . '</span>';
                echo '<a href="' . get_permalink($ancestor) . '">' . get_the_title($ancestor) . '</a>';
            }
        }
        
        echo '<span class="separator">' . $separator . '</span>';
        echo '<span class="current">' . get_the_title() . '</span>';
    }
    
    echo '</div>';
}Code-Sprache: PHP (php)

Und anschließend rufst du die Funktion an gewünschter Stelle im Template auf:

<?php the_breadcrumb(); ?>Code-Sprache: HTML, XML (xml)