更简单的方法是在此处使用Wp Bootstrap Navwalker脚本：https://github.com/wp-bootstrap/wp-bootstrap-navwalker.

它已经可以处理WordPress动态样式的所有引导。您所需要做的就是在函数中包含文件。php文件。

require_once get_template_directory() . \'/wp-bootstrap-navwalker.php\';

 <div class="wrapper">

    <nav id="sidebar">
        <!-- Sidebar Header -->
        <div class="sidebar-header">
            <h3>Collapsible Sidebar</div>
        </div>

        <!-- Sidebar Links -->
          <?php
                wp_nav_menu( array(
                  \'theme_location\'    => \'main-menu\',
                  \'depth\'             => 2,
                  \'menu_class\'        => \'list-unstyled components\',
                  \'fallback_cb\'       => \'wp_bootstrap_navwalker::fallback\',
                  \'walker\'            => new wp_bootstrap_navwalker())
                );
              ?>
    </nav>

    <div id="content">
        <button type="button" id="sidebarCollapse" class="navbar-btn">
            <span></span>
            <span></span>
            <span></span>
        </button>
    <div>

Wp bootstrap navwalker应处理其余部分。

玩一玩，看看吧。这会让你的工作更轻松。