更改wordpress菜单的类

时间:2012-08-07 14:03:14

标签: wordpress-plugin wordpress-theming wordpress

我在使用wordpress菜单级别时遇到问题。

<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>

这是我用来生成菜单的代码,

第一级菜单ID是

  

ul id =“menu-home”

二级课程是

  

ul class =“子菜单”

但我的第三级菜单也与第二级菜单相同

  

ul class =“子菜单”

有没有办法改变第三级或其他解决方案的类???

请帮忙.. 三江源

3 个答案:

答案 0 :(得分:1)

我不确定您是如何创建菜单的,但根据http://codex.wordpress.org/Function_Reference/wp_nav_menu,您可以传递参数(menu_class)来设置菜单的类或容器类:

<?php 
    $options = array(
    'theme_location'  => 'primary',
    'menu_class'      => 'sub-menu', 
    'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
); ?>

或者,如果您想应用一些 CSS jQuery 选择器,请执行以下操作:

ul#menu-home ul.sub-menu ul.sub-menu

然后你就可以访问第三级菜单了。

答案 1 :(得分:0)

我从这里得到了正确的答案 original link

感谢Amit profile

这是代码

class wpse61220_submenu_class extends Walker_Nav_Menu {  function start_lvl(&$output, $depth) {
$indent = str_repeat("\t", $depth);
$output .= "\n$indent<ul class=\"sub-menu-".$depth."\">\n";  }}

用法:

wp_nav_menu( array('walker' => new wpse61220_submenu_class() ) );

答案 2 :(得分:0)

如果你的工作太小,你可以使用这个技巧。

从外观打开菜单页面,从顶部导航器中选择“屏幕选项”。

现在选择“CSS CLASSES”。

现在检查菜单项,有新的可选字段=&gt; “css classes(可选)”name

就是这样。 ;)。我希望如此幸运。