WordPress Navigation entwickeln (HowTo): Unterschied zwischen den Versionen

Aus wiki.sehanka.de
Zur Navigation springen Zur Suche springen
 
(Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt)
Zeile 58: Zeile 58:


* https://www.wpbeginner.com/wp-themes/how-to-style-wordpress-navigation-menus/
* https://www.wpbeginner.com/wp-themes/how-to-style-wordpress-navigation-menus/
* https://developer.wordpress.org/reference/functions/wp_nav_menu/#menu-item-css-classes
* https://www.cssigniter.com/style-wordpress-navigation-menu-bar-using-css/
* https://www.prowebdesign.ro/fast-easy-wordpress-mega-menu-without-plugins/


[[Kategorie:HowTo]]
[[Kategorie:HowTo]]
[[Kategorie:WordPress Theme Development]]
[[Kategorie:WordPress Theme Development]]
[[Kategorie:WordPress]]
[[Kategorie:WordPress]]

Aktuelle Version vom 11. April 2022, 14:34 Uhr

Allgemeines[Bearbeiten]

TBD

Vorangegangene(r) Prozess(e)[Bearbeiten]

TBD via Link zu anderem HowTo

Arbeitsschritte (Prozess)[Bearbeiten]

Schritt 1: TBD[Bearbeiten]

  • 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 "ul" 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',
         ) );
?>
  • dieser Code teilt WordPress mit, dass das Theme hier das Primärmenü anzeigt
  • fügt dem Navigationsmenü auch eine CSS-Klasse "primary-menu" hinzu

Schritt 2: TBD[Bearbeiten]

TBD

Schritt 3: TBD[Bearbeiten]

TBD

FAQ[Bearbeiten]

Frage 1[Bearbeiten]

TBD

Troubleshooting[Bearbeiten]

Lösung 1[Bearbeiten]

TBD

Nachfolgende(r) Prozess(e)[Bearbeiten]

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

Quellen[Bearbeiten]