WordPress Navigation entwickeln (HowTo): Unterschied zwischen den Versionen

Aus wiki.sehanka.de
Zur Navigation springen Zur Suche springen
Zeile 11: Zeile 11:
== Schritt 1: TBD ==
== Schritt 1: TBD ==


* WordPress-Navigationsmenüs werden in einer ungeordneten Liste "<ul>" angezeigt
* WordPress-Navigationsmenüs werden in einer ungeordneten Liste <pre>"<ul>"</pre> angezeigt
* wenn das standardmäßige WordPress-Menü-Tag verwendet wird (<?php wp_nav_menu(); ?>), wird eine Liste ohne zugeordnete CSS-Klassen angezeigt
* wenn das standardmäßige WordPress-Menü-Tag verwendet wird (<?php wp_nav_menu(); ?>), wird eine Liste ohne zugeordnete CSS-Klassen angezeigt
* die ungeordnete Liste <ul> hat den Klassennamen class="menu" und jedes Listenelement hat seine eigene CSS-Klasse
* die ungeordnete Liste <ul> hat den Klassennamen class="menu" und jedes Listenelement hat seine eigene CSS-Klasse

Version vom 8. April 2022, 17:27 Uhr

Allgemeines

TBD

Vorangegangene(r) Prozess(e)

TBD via Link zu anderem HowTo

Arbeitsschritte (Prozess)

Schritt 1: TBD

  • WordPress-Navigationsmenüs werden in einer ungeordneten Liste
    "<ul>"
    angezeigt
  • wenn das standardmäßige WordPress-Menü-Tag verwendet wird (<?php wp_nav_menu(); ?>), wird eine Liste ohne zugeordnete CSS-Klassen angezeigt
  • die ungeordnete Liste
      hat den Klassennamen class="menu" und jedes Listenelement hat seine eigene CSS-Klasse
    • kann funktionieren, wenn nur eine Menüposition, aber die meisten Themes haben mehrere Stellen, an denen Navigationsmenüs anzeigt werden können
    • wenn nur die Standard-CSS-Klasse verwendet wird, kann es zu Konflikten mit Menüs an anderen Stellen kommen
    • daher eine CSS-Klasse und eine Menüposition definieren
    • Navigationsmenüs mit einem Code wie diesem hinzufügen
    <?php
        wp_nav_menu( array(
            'theme_location' => 'primary',
            'menu_class'     => 'primary-menu',
             ) );
    ?>
    

    Schritt 2: TBD

    TBD

    Schritt 3: TBD

    TBD

    FAQ

    Frage 1

    TBD

    Troubleshooting

    Lösung 1

    TBD

    Nachfolgende(r) Prozess(e)

    TBD via Verlinkung zu anderem(n) HowTo(s)

    Quellen