Bootstrap-Tastenmenü auf WordPress

Ich habe ein einfaches 4-Punkte-Menü auf WordPress. Ich möchte den Bootstrap-Button-Stil für dieses Menü verwenden.

Dies ist der handgemachte Code von dem, was ich bekommen möchte.

 

Ich habe keine Ahnung, wie ich wp_nav_menu () sagen kann, um das Menü auf diese Weise zu erstellen. Ich arbeite über Twentythirteen als Startthema, also muss ich das Standardmenü zu diesem Stil ändern, den ich möchte.

Ich habe versucht, diese Anleitung zu verwenden , aber ich werde das gewünschte Ergebnis erzielen. Hat jemand eine Lösung dafür?

Solutions Collecting From Web of "Bootstrap-Tastenmenü auf WordPress"

Im Folgenden sollten Sie Ihr Menü mit den richtigen classn und IDs einrichten, die auf Ihren Container und die UL angewendet wurden. Der Codex-Eintrag für wp_nav_menu listet alle möglichen Argumente auf.

 wp_nav_menu( array( 'theme_location' => 'primary', 'container_class' => 'menu-menu-container', 'menu_id' => 'menu-menu', 'menu_class' => 'btn-group' ) ); 

Sie können dann die erforderlichen classn den Menüelementen hinzufügen, indem Sie den Filter nav_menu_css_class verwenden .

 function my_special_nav_class( $classes, $item ) { $classes[] = 'btn btn-default'; return $classes; } add_filter( 'nav_menu_css_class', 'my_special_nav_class', 10, 2 ); 

Ich glaube nicht, dass es eine einfache Möglichkeit gibt, die Listenelemente selbst in classn einzubauen, aber es wäre einfach, ein mit den gewünschten classnnamen um das herum zu .

 wp_nav_menu(array( 'theme_location' => 'your-theme-location', 'before' => '', 'after' => '' ));