Php Wordpress导航菜单子页面

我有一个wordpress的自定义主题，当我添加一个页面时，它会自动显示在菜单中，我也添加了我想显示在菜单中的子页面，但菜单只扩展到1级，我想显示3级，如

顶部导航菜单

产品->硬件->戴尔->笔记本电脑 ->台式机

差不多吧。下面是生成菜单的代码，请帮我输入

    <section id="nav-container">
    <section class="container_12">
    <section class="grid_12"> 
        <!-- #nav start -->
        <nav id="nav">
          <ul>
            <li><span class="nav-icon icon-home"></span> <a href="<?php echo home_url( '/' ); ?>">Home</a></li>
            <?php

        $wpmenu = new WP_Query(array('post_type' => 'page','post_status' => 'publish', 'post_parent' => '0','order' => 'ASC','orderby' => 'menu_order'));
        $myi = 1;
        if($wpmenu->have_posts()): while($wpmenu->have_posts()): $wpmenu->the_post();
        $icon = get_post_meta(get_the_ID(), "icon", TRUE);
        ?>  
            <li><span class="nav-icon icon-<?php echo $icon;?>"></span>
            <a href="<?php echo the_permalink(); ?>"><?php echo the_title(); ?></a>
            <?php
            $submenu2 = "SELECT $wpdb->posts.* FROM $wpdb->posts WHERE $wpdb->posts.post_status = 'publish' AND $wpdb->posts.post_type = 'page' AND $wpdb->posts.post_parent = '".get_the_ID()."' ORDER BY menu_order ASC";
            if($menu3 = $wpdb->get_results($submenu2, OBJECT))
            {
                echo "<ul>";
                foreach($menu3 as $menu4)
                {
                ?>
                <li><a href="<?php echo get_permalink($menu4->ID); ?>"><?php echo $menu4->post_title; ?></a></li>
                <?php
                }
                echo "</ul>";
            }
            else
            {
                echo "</li>";   
            }
            ?>
            <?php
            $myi++;
            endwhile; endif;
            wp_reset_query();
            ?>
            </li>
          </ul>
        </nav>
        <!-- #nav end --> 

        <!-- responsive navigation start -->
        <select id="nav-responsive">
          <option value="<?php echo home_url( '/' ); ?>">Home</option>
          <?php
        $active = "";
        $wpmenu = new WP_Query(array('post_type' => 'page','post_status' => 'publish', 'post_parent' => '0','order' => 'ASC','orderby' => 'menu_order'));
        if($wpmenu->have_posts()): while($wpmenu->have_posts()): $wpmenu->the_post();
          ?>
          <option value="<?php echo get_permalink(); ?>">
          <?php the_title();?>
          </option>
          <?php
          endwhile; endif;
          wp_reset_query();
          ?>
        </select>
        <!-- responsive navigation end -->

        <section id="search-box">
          <form action="<?php echo esc_url( home_url( '/' ) ); ?>" role="search" method="get" id="searchform">
            <input id="m_search" name="s" type="text" placeholder="Type and hit enter..." />
            <input class="search-submit" type="submit" id="searchsubmit" />
          </form>
        </section>
      </section>
      <!-- .grid_12 end --> 
    </section>
    <!-- .container_12 end --> 

  </section>
  <!-- #nav-container end --> 

我建议使用免费插件，它可以让你完全控制你的导航中显示的链接。它的安装非常简单，并提供了一个指向可视化编辑器的链接，这样您就可以像其他网站一样设置下拉菜单的样式。
为什么不使用
wp\u nav\u menu（）
？我不知道如何安装，您能帮我一下吗，这样CSS设置和其他内容就不会受到干扰。您能告诉我如何嵌入该代码吗？使用a创建您需要的输出。wordpress.stackexchange.com上还有更多的例子。感谢您的回复，但正如您所看到的，我的菜单中有图标，如果我直接安装一些东西，它将完全消除图标。我不知道如何手动设置。因此，如果有人在这个循环中添加一个循环，并让它足够公平地工作，那就更好了。但是，我个人认为最好使用插件，这样您就可以在图形用户界面中管理导航，而不必担心代码。虽然您最初会丢失图标和样式，但这些可以在以后重新添加。在这种情况下，函数优于形式可能是最好的。