Как включить wordpress для этой части меню навигации?

Question

Это мой код заголовка Html для меню навигации. Я хочу включить этот формат Html для моей темы Wordpress. У меня есть логотип, но теперь я застрял в меню Nav. Ищу forwad интегрировать нав меню с меню выпадающего ребенка с тем же классом, используемым для тегов в меню нав

<header class="header" data-spy="affix" data-offset-top="1"> 
     <nav class="navbar"> 
     <div class="container"> 
      <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="index.php"><img src="assets/img/logo.png" alt="Cardiff + PAGE Group"></a> 
      </div> 
      <div id="navbar" class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav navbar-right"> 
       <li class="active"><a href="index.php">Home</a></li> 
       <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About You <span class="caret"></span></a> 
       <ul class="dropdown-menu"> 
        <li><a href="#">Create Profile <span class="linkedin-icon"><i class="fa fa-linkedin-square" aria-hidden="true"></i></span> </a></li> 
        <li><a href="#">Portal</a></li> 
       </ul> 
       </li> 
       <li><a href="our-clients.php">Our Clients </a></li> 
       <li><a href="opportunity.php">Opportunities </a></li> 

       <li class="dropdown"> 
       <a href="aboutc+pg.php" class="dropdown-toggle" data-hover="dropdown" >About C+PG <span class="caret"></span></a> 
       <ul class="dropdown-menu"> 
        <li><a href="contact.php">Contact Us</a></li> 
        <li><a href="blog.php">Blog</a></li> 
        <li><a href="career.php">Career Advice</a></li> 
        <li><a href="interview-tips.php">Interviewing Tips</a></li> 
       </ul> 
       </li> 
       <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-hover="dropdown" >Strategic Partner <span class="caret"></span></a> 
       <ul class="dropdown-menu"> 
        <li><a href="http://www.teamstub.com/" target="_blank">TeamStub</a></li> 
        <li><a href="http://www.brokeragenation.com/" target="_blank">Brokerage Nation</a></li> 
        <li><a href="#" target="_blank">Widget Credit</a></li> 
        <li><a href="http://www.ptsconsulting.com/" target="_blank">PTS Consulting</a></li> 
        <li><a href="https://www.upwardlyglobal.org" target="_blank">Upwardly Global</a></li> 
       </ul> 
       </li> 

      </ul> 
      </div><!--/.navbar-collapse --> 
     </div> 
     </nav> 
    </header> <!-- end/header --> 

Answer 1

Шаг: 1 - Для добавления пользовательского меню навигации, первое, что вам нужно сделать, это зарегистрироваться ваше новое меню навигации, добавив этот код в файл вашей темы functions.php.

function wpb_custom_new_menu() { 
    register_nav_menu('my-custom-menu',__('My Custom Menu')); 
} 
add_action('init', 'wpb_custom_new_menu'); 

Шаг: 2 - нам нужно отобразить новое меню навигации в теме WordPress.

<?php 
wp_nav_menu(array( 
    'theme_location' => 'my-custom-menu', 
    'container_class' => 'custom-menu-class')); 
?> 

Адрес темы - это название, которое мы выбрали на предыдущем шаге.

Шаг: 3 - Создайте свой собственный стиль и подключите его с помощью wp_enqueue_style или создайте дочернюю тему, чтобы переопределить функциональность.

нужна ссылка проверки это: http://www.wpbeginner.com/wp-themes/how-to-add-custom-navigation-menus-in-wordpress-3-0-themes/