Zum Inhalt springen
themeforge
DE
Kostenlos starten
Menü
  1. Startseite
  2. Attribut-Referenz
  3. wp-menu
Kernattribut Menüs

Ein Menü, das dein Kunde in WordPress bearbeitet

wp-menu="Header Menu"

Die Navigation wird zu einem WordPress-Menü: Dein Kunde fügt unter Design → Menüs Einträge hinzu, benennt sie um und sortiert sie, und die Links behalten dein Design.

Wo es hingehört

An den Block, der die Links enthält. Der Wert ist der Name des Menüs in WordPress, genau so, wie dein Kunde ihn unter Design → Menüs sieht.

Die Einträge übernehmen die Klassen des ersten Links. Einträge mit Unterpunkten werden zu einem Dropdown, zwei Ebenen tief. Für ein Dropdown in eigenem Design nimm wp-menu-tree.

Beispiel: das Menü im Header

Markup index.html
<nav class="nav" wp-menu="Header Menu">
  <a href="/" class="nav-link">Home</a>
  <a href="/menu" class="nav-link">Menu</a>
  <a href="/contacts" class="nav-link">Contacts</a>
</nav>
Im Adminbereich Appearance → Menus
Header Menu
  • Home
  • Menu
  • News
  • Contacts
Auf der Website jede Seite
Home Menu News Contacts Coffee for slow mornings

Der Kunde hat „News“ im Adminbereich hinzugefügt.

Worauf es ankommt

  • Gibt es noch kein Menü mit diesem Namen, ist der Block leer. „Daten laden“ legt das Menü aus den Links in deinem Markup an.
  • „Daten laden“ baut ein vorhandenes Menü aus dem Markup neu auf: Die Änderungen deines Kunden an diesem Menü werden ersetzt. Führ es für Menüs einmal aus, ganz am Anfang.
Alternative Schreibweise

wp_menu funktioniert genauso: Der Build ergibt ein identisches Theme.

In diesen Rezepten verwendet

Wenn du so weit bist

Sieh dir den WordPress-Adminbereich deiner Website an, bevor du zahlst.