Преобразование HTML-меню в WordPress меню

Question

Я пытаюсь конвертировать HTML в WordPress. Преобразование завершено, но я хочу изменить статическое HTML-меню на WordPress wp_nav_menu,

Это мой статический HTML-код:

<li class="dropdown active"><a href="index.html">Home <span class="fa fa-angle-down"></span></a>
    <!-- submenu-wrapper -->
    <div class="submenu-wrapper">
        <div class="submenu-inner">
            <ul class="dropdown-menu">
                <li><a href="index2.html">Home2</a></li>
            </ul>
        </div>
    </div>
    <!-- /submenu-wrapper -->
</li>
<!-- /Home -->

<!-- Pages -->
<li class="dropdown"><a href="#">Pages <span class="fa fa-angle-down"></span></a>
    <!-- submenu-wrapper -->
    <div class="submenu-wrapper">
        <div class="submenu-inner">
            <ul class="dropdown-menu">
                <li><a href="about.html">About</a></li>
                <li><a href="service.html">Service</a></li>
                <li><a href="our-people.html">Our people</a></li>
                <li><a href="career.html">Career</a></li>
                <li><a href="faq.html">FAQ Page</a></li>
                <li><a href="typography.html">Typography</a></li>
            </ul>
        </div>
    </div>
    <!-- /submenu-wrapper -->
</li>
<!-- /Pages -->

<!-- Services -->
<li class="dropdown"><a href="#">Services <span class="fa fa-angle-down"></span></a>
    <!-- submenu-wrapper -->
    <div class="submenu-wrapper">
        <div class="submenu-inner">
            <ul class="dropdown-menu">
                <li><a href="air.html">Air transportation</a></li>
                <li><a href="marine.html">Marine transportation</a></li>
                <li><a href="moving.html">Moving & storage</a></li>
                <li><a href="shipping.html">Shipping & operations</a></li>
                <li><a href="transportation.html">Transportation logistics</a></li>
                <li><a href="trucking.html">Trucking</a></li>
            </ul>
        </div>
    </div>
    <!-- /submenu-wra