Wordpress导航菜单-如何在每个子菜单前添加按钮元素?
我想在wordpress导航菜单中的每个子菜单ul元素之前添加一个按钮元素,用于在移动视图中的子菜单之间切换。我的意思是:Wordpress导航菜单-如何在每个子菜单前添加按钮元素?,wordpress,Wordpress,我想在wordpress导航菜单中的每个子菜单ul元素之前添加一个按钮元素,用于在移动视图中的子菜单之间切换。我的意思是: <ul class="menu"> <li><a href="#">Category</a></li> <li><a href="#">Category</a></li> <li><a href="#">Category
<ul class="menu">
<li><a href="#">Category</a></li>
<li><a href="#">Category</a></li>
<li><a href="#">Category</a>
<button type="button" class="toggle-btn">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</button>
<ul class="submenu">
<li><a href="#">SubCategory</a></li>
<li><a href="#">SubCategory</a></li>
<li><a href="#">SubCategory</a></li>
</ul>
</li>
</ul>
-
我尝试使用沃克课程,但没有成功。如何执行此操作?在子菜单之前添加按钮
在wp_导航_菜单中添加学步器类“新建子级学步器的添加按钮”
<?php
$header_menu_defaults = array(
'theme_location' => '',
'menu' => 'your menu name',
'container' => '',
'container_class' => '',
'container_id' => '',
'menu_class' => '',
'menu_id' => '',
'echo' => true,
'fallback_cb' => 'wp_page_menu',
'before' => '',
'after' => '',
'link_before' => '',
'link_after' => '',
'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>',
'depth' => 0,
'walker' => new Add_button_of_Sublevel_Walker
);
wp_nav_menu( $header_menu_defaults );
?>
/* Options Frame Work End Here */
class Add_button_of_Sublevel_Walker extends Walker_Nav_Menu
{
function start_lvl( &$output, $depth = 0, $args = array() ) {
$indent = str_repeat("\t", $depth);
$output .= "\n$indent<button type='button' class='toggle-btn'>
<span class='bar'></span>
<span class='bar'></span>
<span class='bar'></span>
</button><ul class='submenu'>\n";
}
function end_lvl( &$output, $depth = 0, $args = array() ) {
$indent = str_repeat("\t", $depth);
$output .= "$indent</ul>\n";
}
}