wp_menu_nav: Nur Unterebene anzeigen

Demjenigen

Wie zeige ich nur die Unterebene(n) von einem WP3-Menü an?

Will in der Seitenleiste eine Subnavigation erstellen.
Bin drauf und dran, dies über leere Pages zu erledigen, die ich direkt weiterverweise (NathanRice-Plugin 'custom_field_redirect') auf die gewünschten Unterebenen.
Kommt mir aber irgendwie unintelligent vor... leere Seiten für nüscht??

;-)

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Marcus.Kober

Ich nehme an, Du hast ein Menü, das irgendwie so aufgebaut ist, oder?

- Oberpunkt
-- Unterpunkt
-- Unterpunkt 2
- Oberpunkt 2
-- Unterpunkt
-- Unterpunkt 2
- Oberpunkt 3

Wenn Du nun auf Oberpunkt 2 beispielsweise bist, soll in der Subnavi nur

- Unterpunkt
- Unterpunkt 2

angezeigt werden?

Dafür wirst Du nicht drumrumkommen, dir eine eigene Walker-Klasse für wp_nav_menu zu schreiben. Dafür siehst Du dir am besten diese Datei an:

/wp-includes/nav-menu-template.php

Dort ist der Walker zu finden, den Du dann als eigene Klasse in deine functions.php kopieren und nach deinen Bedürfnissen anpassen kannst. Ist aber schon einiges an Programmierarbeit...

Gruß,
Marcus

Demjenigen

Hallo Marcus,

Deine Interpretation ist richtig, so soll die Subnav aussehen.

Ich kenne mich mit PHP generell und mit WP, was das Coding angeht, nicht sehr gut aus. Bin am Lernen und habe auch tolle Bücher hier, ist aber alles Neuland.
Ich kann ja noch nicht ein Mal eine Klasse von einem Objekt unterscheiden, geschweige denn verstehen, was in der wp_nav_menu.php-Datei drinsteht...

Ist der oben skizzierte Weg wirklich der einzig gangbare (Frage ins Plenum)?

Chaote

Hi

Nachdem ich gerade den Sinn nicht zu 100% verstehe, schau doch mal auf meine Seite.

Wenn Du z.B.: Das Wort "Referenzen" anklickst, erscheint der Rest der Unterkatgeorien / Seite

ist es dies wie Du es gerne möchtest????

Gruß

Chaote

Demjenigen

Nein, so ist es nicht gemeint, schon eher so wie von Marcus Kober skizziert.

Ich habe ein horizontales Menü mit drei Punkten, deren Unterpunkte ich aber nicht zusammen mit den Hauptpunkten anzeigen möchte, sondern separat in einer Sidebar links.
Im Backend ist das Menü normal über den WP3-Menüpunkt "Menü" mit allen Unterpunkten erstellt.
Die horizontale Navigation ist auf depth=1 eingestellt, damit keine Sublevels angezeigt werden.

Aber wie die Sublevels ohne die parents anzeigen?

Marcus.Kober

Für ein Kunden-Projekt arbeite ich derzeit an einer ähnlichen Funktion. Da ich aber mehrere Kunden zu betreuen habe und die Funktion eher zweitrangig ist, kann das allerdings noch etwas dauern.

Wenn ich aber eine fertige und funktionierende Version habe, poste ich das hier gern. :) Mir fällt nämlich sonst auch keine praktikable und ressourcenschonende Möglichkeit ein, sowas zu implementieren...

Marcus.Kober

Habe jetzt auf die schnelle eine Lösung gefunden. Für meine Installation funktioniert sie. Allerdings reicht es dazu nicht, die Hierarchie im Menü festzulegen - die Seiten müssen zwingend auch in der entsprechenden Hierarchie angeordnet sein (Elternseiten definiert).

In die functions.php des Themes kommt folgender Code (zum Beispiel ganz ans Ende):

PHP

class MySublevelWalker extends Walker_Nav_Menu {
    var $currentParentTmp = 0;
    var $showTree = false;


    function isParentPage( $id = 0 ) {
        // Hat die Seite Unterseiten?
        
        $children = get_pages('child_of='.$id);
        if( count( $children ) != 0 ) {
            return true;
        }
        else {
            return false;
        }
    }
        
    function start_lvl(&$output, $depth) {
        if( $depth > 0 && $this->showTree ) {
            $indent = str_repeat("\t", $depth);
            $output .= "\n$indent<ul class=\"sub-menu\">\n";
        }
    }


    function end_lvl(&$output, $depth) {
        if( $depth > 0 && $this->showTree ) {
            $indent = str_repeat("\t", $depth);
            $output .= "$indent</ul>\n";
        }
    }


    function start_el(&$output, $item, $depth, $args) {
        global $wp_query;
        $indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';
        
        $class_names = $value = '';


        $classes = empty( $item->classes ) ? array() : (array) $item->classes;
        $classes[] = 'menu-item-' . $item->ID;


        $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item ) );
        $class_names = ' class="' . esc_attr( $class_names ) . '"';
        
        
        if( $this->isParentPage( $item->object_id ) ) {
            if( $depth == 0 && $this->currentParentTmp != $item->object_id) {
                $this->currentParentTmp = $item->object_id;
                if( strpos( $class_names, 'current-menu-item' ) || strpos( $class_names, 'current-menu-parent' ) ) {
                    $this->showTree = true;
                }
                else {
                    $this->showTree = false;
                }
            }
        }
        
        if( $depth > 0 && $this->showTree ) {




        $id = apply_filters( 'nav_menu_item_id', 'menu-item-'. $item->ID, $item, $args );
        $id = strlen( $id ) ? ' id="' . esc_attr( $id ) . '"' : '';


        $output .= $indent . '<li' . $id . $value . $class_names .'>';


        $attributes  = ! empty( $item->attr_title ) ? ' title="'  . esc_attr( $item->attr_title ) .'"' : '';
        $attributes .= ! empty( $item->target )     ? ' target="' . esc_attr( $item->target     ) .'"' : '';
        $attributes .= ! empty( $item->xfn )        ? ' rel="'    . esc_attr( $item->xfn        ) .'"' : '';
        $attributes .= ! empty( $item->url )        ? ' href="'   . esc_attr( $item->url        ) .'"' : '';


        $item_output = $args->before;
        $item_output .= '<a'. $attributes .'>';
        $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
        $item_output .= '</a>';
        $item_output .= $args->after;


        $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
        }
    }


    function end_el(&$output, $item, $depth) {
        if( $depth > 0  && $this->showTree ) {
            $output .= "</li>\n";
        }
    }
}

Alles anzeigen

Und dann erzeugst Du das Menü mit folgendem Parameter:

PHP

wp_nav_menu( array( 'walker' => new MySublevelWalker(), 'theme_location' => 'xxx' ) );

Natürlich musst Du bei xxx die richtige Bezeichnung eintragen...

Probier das mal aus und sag bescheid, ob es funktioniert. :) Ich gebe keinerlei Garantie. :)

Gruß,
Marcus

Willkommen! Melden Sie sich an oder registrieren Sie sich.

wp_menu_nav: Nur Unterebene anzeigen

Jetzt mitmachen!