如何在Wordpress中将子菜单更改为有序列表?

Question

我想将默认的WordPress子菜单无序列表(ul)更改为有序列表(ol)，如下所示:

<ul class="sub-menu"></ul>到<ol class="sub-menu"></ol>

我知道我可以用JQuery做到这一点，但我更喜欢非javascript解决方案。我可以在wp_nav_menu中使用items_wrap来改变父元素，但这不会改变子菜单。

我期待你的建议。

Answer 1

我找到了一个使用Walker Menu的解决方案

class Child_Wrap extends Walker_Nav_Menu {
function start_lvl( &$output, $depth = 0, $args = array() ) {
$indent = str_repeat("t", $depth);
$output .= "n$indent<ol class="sub-menu">n";
}
function end_lvl( &$output, $depth = 0, $args = array() ) {
$indent = str_repeat("t", $depth);
$output .= "$indent</ol>n";
}
}

添加'walker' =>在header.php文件中将Child_Wrap()添加到wp_nav_menu代码中，如下所示:

wp_nav_menu(array('theme_location'=>'','menu_class'=>'nav-menu','container'=>'','menu_id' => '', 'walker' => new Child_Wrap(), 'fallback_cb'=> false));

在wp_nav_menu中插入div