添加额外的div到WordPress导航项目

Question

更改生成的wp菜单输出的最简单方法是什么

<ul class="primary-menu">
<li class="menu-item">
<a href="">nav link</a>
<ul class="sub-menu"></ul>
</li>
</ul>

至

<ul class="primary-menu">
<li class="menu-item">
<div class="alignme">
<button></button><a href=""></a><button></button>
</div>
<ul class="sub-menu"></ul>
</li>
</ul>

我需要这种"；helperdiv"；因为我必须以某种方式将这三个元素对齐，并且独立于li内部可能的附加内容(如子菜单(。

我使用默认的wp_nav_menu((，作为第一次使用主题生成器；设置"；菜单的。知道我应该在哪里仔细看看吗？

Answer 1

在wp_nav_menu中添加walker类"新的Add_Div_Walker"；。检查我的以下代码。

$menu = array(
'theme_location'  => 'primary',
'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
'walker'          => new Add_Div_Walker
);
wp_nav_menu( $menu );
// add this below code in your functions.php file.
class Add_Div_Walker extends Walker_Nav_Menu {
function start_lvl( &$output, $depth = 0, $args = array() ) {
$indent = str_repeat("t", $depth);
$output .= "n$indent<div class='alignme'>
<button></button><a href=''></a><button></button>
</div><ul class='submenu'>n";
}
function end_lvl( &$output, $depth = 0, $args = array() ) {
$indent = str_repeat("t", $depth);
$output .= "$indent</ul>n";
}
}