我希望在导航中显示当前页面/id的子项,如果它们也有子项,则启用下拉菜单。如何使用Wordpress/Bootstrap完成此操作?
在header.php 中的引导程序html代码中插入此代码
<?php
wp_nav_menu( array(
'menu' => 'primary',
'theme_location' => 'primary',
'depth' => 2,
'container' => 'div',
'container_class' => 'collapse navbar-collapse text-center drop',
'container_id' => 'bs-example-navbar-collapse-1',
'menu_class' => 'nav navbar-nav navbar-right',
'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
'walker' => new wp_bootstrap_navwalker())
);
?>
获取bootstrap walker并将其添加到您的主题文件夹中按照github上的说明操作就足够简单了。
walker的PHP内容示例导航。(忽略我的菜单代码等)
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-fluid text-center">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle menu" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<i class="fa fa-bars fa-2x"></i>
</button>
<a class="navbar-brand" href="<?php echo home_url(); ?>">Omertà <span class="logocol">Inc</span></a>
</div>
<?php
wp_nav_menu( array(
'menu' => 'primary',
'theme_location' => 'primary',
'depth' => 2,
'container' => 'div',
'container_class' => 'collapse navbar-collapse text-center drop',
'container_id' => 'bs-example-navbar-collapse-1',
'menu_class' => 'nav navbar-nav navbar-right',
'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
'walker' => new wp_bootstrap_navwalker())
);
?>
</div>
</nav>
然后将此代码放在函数中。php页面:
require_once('wp_bootstrap_navwalker.php');
register_nav_menus( array(
'primary' => __( 'Primary Menu', 'YOURTHEME' ),) );