WordPress Navigation entwickeln (HowTo): Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
| (6 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 11: | Zeile 11: | ||
== Schritt 1: TBD == | == Schritt 1: TBD == | ||
* WordPress-Navigationsmenüs werden in einer ungeordneten Liste | * 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 | * wenn das standardmäßige WordPress-Menü-Tag verwendet wird (<?php wp_nav_menu(); ?>), wird eine Liste ohne zugeordnete CSS-Klassen angezeigt | ||
* die ungeordnete Liste | * 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 | * 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 | * wenn nur die Standard-CSS-Klasse verwendet wird, kann es zu Konflikten mit Menüs an anderen Stellen kommen | ||
| Zeile 27: | Zeile 27: | ||
?> | ?> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
* 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 == | == Schritt 2: TBD == | ||
| Zeile 55: | 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]
- 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/