Support » Allgemeine Fragen » eigene HTML-Struktur bei Navigation

  • alex82borussia

    (@alex82borussia)


    Hallo in die Runde,
    ich erstelle gerade mein erstes eigenes Theme und frage mich, wie ich mein „eigenes HTML“ für die Navigation nutzen kann? Gibt es dazu ein gutes Tuturial oder ähnliches?

    Ich scheitere daran, dass man meine Liste wie folgt aussehen muss

    <ul class="menu vertical medium-horizontal" data-responsive-menu="drilldown medium-dropdown">
                  <li>
                    <a href="#" class="active">Wir</a>
                    <ul class="vertical menu">
                      <li>
                        <a href="#">Historie</a>
                      </li>
                        <a href="#">Philosophie</a>
                    </ul>
                  </li>
                  <li>
                    <a href="#">Unternehmen</a>
                    <ul class="vertical menu">
                      <li>
                        <a href="#">Standort 1</a>
                      </li>
                        <a href="#">Standort 2</a>
                    </ul>
                  </li>
    </ul>
Ansicht von 1 Antwort (von insgesamt 1)
  • Moderator Bego Mario Garde

    (@pixolin)

    In WordPress gibt es dafür eine Objekt-Klasse „Walker“, die festlegt, in welches HTML-Gerüst die Navigation gepackt wird. Du kannst dieses Walker an eigene Bedürfnisse anpassen. Zum Stichwort „Custom Walker“ gibt es verschiedene Tutorials im Web, z.B. „Understanding the Walker Class„.

    Alternativ kannst du dich bei Themes bedienen, die bereits das Foundation Framework einsetzen, z.B. JointsWP (nutzt aktuell Foundation 6). Hier siehst du, wie der Custom Walker aufgerufen wird.

Ansicht von 1 Antwort (von insgesamt 1)
  • Das Thema „eigene HTML-Struktur bei Navigation“ ist für neue Antworten geschlossen.