mehrere Klassen in container_class von wp_nav_menu in WordPress

Lesezeit: 1 Minute

Benutzeravatar von SaurabhLP
SaurabhLP

ich benutze WordPress mit Twitter-Bootstrap in denen versucht, a zu entwerfen Navigationsmenü

ich habe angerufen wp_nav_menu und darin habe ich die zugehörigen Parameter definiert, die in erwähnt werden Funktionsreferenz/wp Navigationsmenü

Was ich versuche zu tun, ist zum Beispiel mehrere Klassen zum Containermenü hinzuzufügen: –

wp_nav_menu( array( 
    'menu_class' => 'class1 class2 class3', 
    'container_class' => 'nav-collapse collapse',
) );

Es funktioniert überhaupt nicht, Browser zeigt menu-menu-container Klasse an container_class in der Tat…

Was kann der Trick sein, damit es funktioniert? Mache ich etwas falsch?

WordPress erweitert standardmäßig die Menüklassennamen:

… class=”menu-‘. $menu->slug .’-container”‘;

Quelle: http://core.trac.wordpress.org/browser/trunk/wp-includes/nav-menu-template.php#L202

Sie könnten Ihre eigenen verwenden Wanderer Klasse. Es „tut“ eigentlich gar nichts (im Sinne von HTML-Erzeugung). Es verfolgt einfach jeden Zweig Ihres Baums: Es muss durch andere Klassen erweitert werden, die ihm sagen, was es für jedes Element tun soll, auf das es stößt.

WordPress bietet seine eigenen Erweiterungsklassen, wie zum Beispiel:

  • Walker_Nav_Menu – zum Anzeigen des HTML für Navigationsmenüs
  • Walker_Page – zur Anzeige einer Seitenliste
  • Walker_Category – zum Anzeigen einer Liste von Taxonomiebegriffen.

Beispiel:

$walker = new Custom_Walker_Menu();

wp_nav_menu( array( 
    'menu_class' => 'class1 class2 class3', 
    'container_class' => 'nav-collapse collapse',
    'walker' => $walker
) );

Bitte lesen Sie die Referenz: Klassenreferenz/Walker.

Es gibt viele benutzerdefinierte WordPress-Nav-Walker-Klassen, die implementiert werden können, überprüfen Sie dies Repository.

1426720cookie-checkmehrere Klassen in container_class von wp_nav_menu in WordPress

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy