如何在WordPress菜单中设置<li>标签的类名?

时间:2011-06-23 作者:Ravichandran Jothi

我正在使用。

<?php wp_nav_menu($args); ?>
从WordPress获取菜单。

它返回菜单<ul> and <li> 结构
如何为每个<li> 唯一标记。

4 个回复
SO网友:keatch

您可以将CSS类用于菜单
在“屏幕选项”下,标记“CSS Classes,在“显示高级属性”下。

然后,对于每个菜单项,都有一个名为“CSS类”的额外输入

SO网友:Jules

我认为最好的解决方案是为它编写自己的walker类,并将其作为一个论据传递,但我必须承认,如果您不太熟悉wordpress开发,这并不太直接。

我会这样解决:

$menu_items = wp_get_nav_menu_items(\'your_menu_slug_or_id\');        
$class = \'\';
$count = count($menu_items);
$i = 0;

foreach ($menu_items as $menu_item) {
    $class = \'item-\'.(++$i);
?>
    <li class="<?php echo $class?>">
        <!-- add menu title and url here as you please -->
    </li>
<?php
}

SO网友:Alex Thomas
SO网友:Alex Older

需要自定义类的原因是什么?

WordPress菜单包括<li> 元素,并且应该是您需要使用的所有元素。

结束

相关推荐

Menu API not switching menus?

我正在使用菜单API,我想切换到其他菜单,但出于某种原因,它保留了第一个菜单这是我的密码在函数中。php add_action( \'init\', \'register_my_menus\',10 ); function register_my_menus() { register_nav_menu(\'main-navigation\', \'Main Navigation\'); } 下面是我的主题文件(header.ph