it-swarm.com.de

Unterseiten auf der übergeordneten Seite anzeigen?

Ich möchte ein Navigationsmenü erstellen, in dem Seiten mit zwei Ebenen angezeigt werden.

Um das zu veranschaulichen:

  • Elternteil 1
  • Elternteil 2
  • Elternteil 3 (aktuell)
    • Kind 1
    • Kind 2
    • Kind 3
  • Elternteil 4

Daher möchte ich alle übergeordneten Seiten in meinem Navigationscontainer anzeigen, aber nur untergeordnete Seiten anzeigen, wenn sich der Benutzer gerade auf der übergeordneten Seite befindet.

1
jmysona

Dies ist ziemlich einfach, da WordPress CSS-Klassen für die übergeordneten Seiten festlegt. Standardmäßig verstecken wir alle Unterlisten (ul) aus dem Menü mit

.menu ul {
    display: none;
}

Wenn die übergeordnete Seite ausgewählt ist, verwenden wir die von WordPress festgelegten CSS-Klassen, um die Unterlisten wieder anzuzeigen.

.menu .current_page_ancestor, .menu .current_page_parent {
    display: block;
}

Alles, was Sie brauchen, ist dies in Ihrer Vorlage

Vorlage:

<ul class="menu">
    <?php wp_list_pages('title_li=') ?>
</ul>

und das in deiner css datei.

CSS:

.menu ul {
    display: none;
}

.menu .current_page_ancestor > ul, .menu .current_page_parent > ul {
    display: block;
}
1
Horttcore