试图获取wp_nav_menu（）;动态地在WordPress中

Question

我正试图像这张图片一样动态地获取WordPress菜单

我试试这段代码。它显示结果但不完全是我想要的。我需要完全像图像，在图像中我有菜单名称关于我们，在它下面它有我们是谁，我坚持称为我们是谁和DROPDOWN帮助需要。致谢

$defaults = array(
    'theme_location'  => '',
    'menu'            => '',
    'container'       => 'div',
    'container_class' => 'top-menu',
    'container_id'    => '',
    'menu_class'      => 'sf-menu sf-js-enabled',
    'menu_id'         => '',
    'echo'            => true,
    'fallback_cb'     => 'wp_page_menu',
    'before'          => '',
    'after'           => '',
    'link_before'     => '<span>',
    'link_after'      => '</span>',
    'items_wrap'      => '<ul class="%2$s">%3$s</ul>',
    'depth'           => 0,
    'walker'          => ''
);

wp_nav_menu( $defaults );

?>


<div class="top-menu">
                <ul class="sf-menu sf-js-enabled">
                    <li class="current_page_item sfHover"><a href="index.html">Home<span>Main Homepage</span></a></li>
                    <li class=""><a href="aboutus.html">About Us<span>Who We Are</span></a>
                        <ul style="display: none; visibility: hidden;">
                            <li><a href="alternate.html" style="margin-left: 0px;">Alternate Homepage</a></li>
                            <li><a href="full_width.html" style="margin-left: 0px;">Full Width Page</a></li>
                            <li><a href="blog_single.html" style="margin-left: 0px;">Blog Single Page</a></li>                                                      
                        </ul>
                    </li>
                    <li class=""><a href="services.html">Services<span>What We do</span></a>
                        <ul style="display: none; visibility: hidden;">
                        <!-- start:drop down menu -->
                            <li><a href="#">Web Designing</a></li>
                            <li><a href="#">HTML / CSS Coding</a></li>
                            <li><a href="#">Designing</a></li>
                            <li><a href="#">Graphics</a></li>
                            <li><a href="#">SEO Marketing</a></li>
                        </ul>
                        <!-- end:drop down menu -->
                    </li>
                    <li class=""> <a href="portfolio.html">Portfolio<span>Our Works</span></a>
                        <ul style="display: none; visibility: hidden;">
                            <!--start:drop down menu -->
                            <li><a href="#">Websites</a></li>
                            <li><a href="#">Logos</a></li>
                            <li><a href="#">Prints</a></li>
                        </ul>
                        <!-- end:drop down menu -->
                    </li>
                    <li class=""> <a href="blog.html">Blog<span>Our Community</span></a>
                        <ul style="display: none; visibility: hidden;">
                            <li><a href="blog_single.html">Blog Single Page</a></li>                            
                        </ul>
                    </li>
                    <li class=""> <a href="contact.php">Contact Us<span>Location Info</span></a> </li>
                </ul>
            </div>