将属性添加到bootstrap nav walker ul

时间:2017-04-04 18:54:23

标签: php wordpress drop-down-menu wp-nav-walker

我在wordpress网站上使用bootstrap nav walker尝试重新创建高级主题(仅限临时),以便匹配他们的标记以节省时间。

我需要向<ul>添加一个属性,使其<ul data-plugin="menu"> ...但我无法看到任何可以帮助我如何操作的内容。我可以看到如何向菜单链接添加属性,而不是菜单本身(不通过jQuery等添加它)。

我的菜单输出非常简单:

<?php
wp_nav_menu( array(
    'menu'       => 'top',
    'depth'      => 2,
    'container'  => false,
    'menu_class' => 'site-menu scrollable-content',
    'walker'     => new wp_bootstrap_navwalker())
);
?>

1 个答案:

答案 0 :(得分:0)

要在商品容器中添加自定义属性,您可以在items_wrap

中指定自定义模板
'items_wrap' => '<ul data-plugin="menu" id="%1$s" class="%2$s">%3$s</ul>'

导致此wp_nav_menu

的调用
<?php
wp_nav_menu( array(
    'menu'       => 'top',
    'depth'      => 2,
    'container'  => false,
    'menu_class' => 'site-menu scrollable-content',
    'walker'     => new wp_bootstrap_navwalker(),
    'items_wrap' => '<ul data-plugin="menu" id="%1$s" class="%2$s">%3$s</ul>'
);
?>

items_wrap是这样的used来构建最终的导航菜单:

$nav_menu .= sprintf( $args->items_wrap, esc_attr( $wrap_id ), esc_attr( $wrap_class ), $items );