css wp_nav_menu -在UL上添加类

yduiuuwa  于 2023-03-14  发布在  其他
关注(0)|答案(6)|浏览(135)

我和bootstrap一起学习wordpress,不知何故,我不能在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

dluptydi

dluptydi1#

首先,您需要从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

wnrlj8wa

wnrlj8wa2#

你需要指定容器元素,在我们的例子中是'ul'标签,然后指定我们将在'menu_class'中分配的类。

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

a64a0gku3#

更新:这是由于我没有在菜单页面创建菜单。
我想在wp_nav_menuul中添加一个类,我尝试了以下代码:

<?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的类,但它更改了 Package uldiv的类。
Sample Page

vybvopom

vybvopom4#

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

pw136qt2

pw136qt25#

你就该这么做,我也这么做。

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

wecizke36#

你可以试试这个。对我很有效

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

相关问题