wp_nav_menu - 在 UL 上添加类

Question

我正在学习wordpress 和bootstrap，不知何故我无法在UL 标签上添加class。

在屏幕截图中，我想在UL 上添加类nav nav-tabs，但它是在父div 上添加的

$defaults = array(
  'menu_class'=> 'nav nav-tabs',        
);

wp_nav_menu( $defaults ); 

被检查的元素：

参考：
http://codex.wordpress.org/Function_Reference/wp_nav_menu

Answer 1

首先，您需要从Appearance -> Menus 创建一个自定义导航菜单。

然后，使用带有以下参数的wp_nav_menu：

<?php 
$args = array(
    'menu_class' => 'nav nav-tabs',        
    'menu' => '(your_menu_id)'
);
wp_nav_menu( $args ); 
?>

您可以阅读很多有关 Wordpress 菜单的信息。我建议如下：
http://codex.wordpress.org/Navigation_Menus
http://www.paulund.co.uk/how-to-register-menus-in-wordpress

Answer 2

更新：这是因为我没有在菜单页面中创建菜单。

我想向wp_nav_menu 的ul 添加一个类。我试过这段代码：

<?php

$defaults = array(
    'menu_class'      => 'menu',
    'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
);

wp_nav_menu( $defaults );

?>

根据 wordpress codex 从'menu_class' => 'menu' 更改菜单，应该更改ul 的类，但它会更改包装ul 的div 的类。

Sample Page

Answer 3

您需要指定容器元素，在我们的例子中是'ul' 标签，然后指定我们将在'menu_class' 中分配的类。下面是示例代码：

wp_nav_menu( array(
    'theme_location' => 'top-menu',
    'container' => 'ul',
    'menu_class'=> '[add-your-class-here]'
 ) );

Answer 4

你应该这样做，它对我有用。

<?php wp_nav_menu( $menu_meta );

$menu_meta = array(
    'menu' => 'MENU-NAME-HERE',
    'items_wrap' => '<ul id="MENU-ID" class="MENU-CLASS">%3$s</ul>'
); ?>

Answer 5

我遇到了同样的问题，所以我把“theme_location”这个词改成了“name”，效果很好。

例子：

$defaults = array(
    '[INSTEAD OF PUTTING "theme_location" PUT "name"]'  => 'THE NAME OF YOUR "theme_location"',
    'menu_class' => 'YOUR CLASS', **[It will change the <UL> class]**
    );

    wp_nav_menu( $defaults );

所以对于你的代码：

wp_nav_menu( array(
    'name' => 'top-menu',
    'menu_class'=> 'YOUR CLASS'
 ) );

 wp_nav_menu( $defaults );

enter image description here

您也可以将其放入

或

等容器中。

例子：

$defaults = array(
    'name'  => 'top-menu',
    'menu_id'         => 'YOUR ID',
    'container'       => 'nav',
    'container_class' => 'YOUR CONTAINER CLASS (<nav> in this case)',
    'menu_class'      => 'YOUR CLASS FOR <UL>',
    );

    wp_nav_menu( $defaults );

enter image description here