상위 메뉴와 하위 메뉴를 wp nav 메뉴의 별도 ul로 묶습니다.

Question

다음과 같은 탐색 메뉴 구조가 필요합니다.

<ul class="side-menu-list"> 
    <li><a href="#">Parent Page 1</a> 
     <ul> 
      <li><a href="#">Traditional Braces</a></li> 
      <li><a href="#">Lingual Braces</a></li> 
      <li><a href="#">Invisalign</a></li> 
      <li><a href="#">Temporary Anchorage Devices</a></li> 
      <li><a href="#">Surgical Orthodontics</a></li> 
      <li><a href="#">TMJ Treatment</a></li> 
      <li><a href="#">All About Retainers</a></li> 
      <li><a href="#">Emergency Treatment</a></li> 
     </ul> 
    </li> 
</ul> 
<ul class="side-menu-list"> 
    <li><a href="#">Paent Page 2</a> 
     <ul> 
      <li><a href="#">Early Treatment/Prevention</a></li> 
      <li><a href="#">Two-Phase Treatment</a></li> 
      <li><a href="#">Hometown Smiles Gallery</a></li> 
     </ul> 
    </li> 
</ul> 

즉, 모든 상위 페이지와 하위 페이지는 ul로 묶어야합니다. 그래서 모든 메인 메뉴와 하위 메뉴가 ul 태그에 동적으로 래핑되도록 사용자 정의 워커 메뉴를 찾고 있습니다.

Answer 1

// Register two menus 
// Go to Menus and add menu items to each menu 
// call the wp_nav_menu function twice. 
// this goes in functions.php 
register_nav_menus(array(
    'primary' => __('Primary', 'text-domain'), 
    'secondary' => __('Secondary', 'text-domain') 
        )); 

<ul class="side-menu-list"> 
    <li><a href="#">Parent Page 1</a> 
    // display the menu on front end 
    wp_nav_menu(
     array(
     'theme_location' => 'primary', 
     'depth'    => 2, 
     'container'   => 'div', 
     'container_id'  => 'primary', 
     'container_class' => 'primary', 
     'menu_class'  => 'ul-class')); 
    </li> 
    </ul> 

<ul class="side-menu-list"> 
    <li><a href="#">Parent Page 1</a> 
    wp_nav_menu(
     array(
     'theme_location' => 'secondary', 
     'depth'    => 2, 
     'container'   => 'div', 
     'container_id'  => 'secondary', 
     'container_class' => 'secondary', 
     'menu_class'  => 'ul-class')); 
    </li> 
    </ul>