Wordpress / Bootstrap Menu


Wordpress / Bootstrap Menu

我希望在导航中显示当前页面/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' ),) );