WordPress Navigation entwickeln (HowTo): Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
| 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/ | |||
[[Kategorie:HowTo]] | [[Kategorie:HowTo]] | ||
[[Kategorie:WordPress Theme Development]] | [[Kategorie:WordPress Theme Development]] | ||
[[Kategorie:WordPress]] | [[Kategorie:WordPress]] | ||
Version vom 11. April 2022, 14:33 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 "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
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)