Question

我正在与wordpress一起学习bootstrap，并且我无法在class代码上添加UL。

在屏幕截图中，我想在nav nav-tabs上添加课程UL，但已在父div上添加

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

wp_nav_menu( $defaults );

检查要素： enter image description here

参考：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

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

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

Answer 3

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

我想在ul的{{1}}中添加一个班级。我试过这段代码：

wp_nav_menu

根据wordpress codex更改<?php $defaults = array( 'menu_class' => 'menu', 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>', ); wp_nav_menu( $defaults ); ?>的菜单，应该更改'menu_class' => 'menu'的类，而是更改包裹ul的{{1}}的类。

Sample Page

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

wp_nav_menu - 在UL上添加类

5 个答案: