css - wp_nav_menu - 在 UL 上添加类

Question

我正在wordpress一起学习，bootstrap但不知何故我无法添加标签。classUL

在屏幕截图中，我想在上面添加类nav nav-tabs，UL但它是在父级上添加的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

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

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

Answer 3

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

我想在 of 中添加一个ul类wp_nav_menu。我试过这段代码：

<?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，而是更改div包装的类ul。

示例页面

Answer 4

我遇到了同样的问题，所以我把“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 );

在此处输入图像描述

您也可以将其放入 <DIV> 或 <NAV> 等容器中。

例子：

$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 );

在此处输入图像描述

Answer 5

这就是你应该做的，它对我有用。

<?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>'
); ?>