自定義WordPress的菜單結構

Question

我是新來的Wordpress和編碼我的主導航菜單的自定義結構，因爲我需要能夠將列放在子菜單div的。然而，我的代碼是不工作：

  <div class="menu-menu-1-container"> 
      <ul id="menu-menu-1" class="menu"> 

      <?php 
      $menuname = wp_get_nav_menu_object("Menu 1"); 
      $menu_name = $menuname->name; 
      $locations = get_nav_menu_locations(); 
      $menu = wp_get_nav_menu_object($locations[ $menu_name ]); 
      $menuitems = wp_get_nav_menu_items($menu->term_id, array('order' => 'DESC')); 

      $count = 0; 
      $submenu = false; 

      foreach($menuitems as $item): 
        // set up title and url 
       $title = $item->title; 
       $link = $item->url; 

       // item does not have a parent so menu_item_parent equals 0 (false) 
       if (!$item->menu_item_parent): 
       // save this id for later comparison with sub-menu items 
       $parent_id = $item->ID; 
      ?> 

       <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"> 
        <a href="<?php echo $link; ?>"><?php echo $title; ?></a> 

        <?php 

        endif; 

        if ($parent_id == $item->menu_item_parent): 
        if (!$submenu): $submenu = true; ?> 

         <ul class="sub-menu"> 

         <?php endif; ?> 

         <li class="menu-item menu-item-type-post_type menu-item-object-page"> 
         <a href="<?php echo $link; ?>"><?php echo $title; ?></a> 
         </li> 
         <?php if ($menuitems[ $count + 1 ]->menu_item_parent != $parent_id && $submenu): ?> 

         </ul> 

         <?php 
         $submenu = false; endif; 
         endif; 
         ?> 

       <?php if ($menuitems[ $count + 1 ]->menu_item_parent != $parent_id): ?> 
       </li> 

       <?php 
       $submenu = false; endif; 
       $count++; endforeach; 
       ?> 


      </ul> 
     </div> 

目前沒有菜單被顯示在所有，我檢查我是否拼寫正確的菜單名稱，我做到了。有人能看到我做錯了什麼嗎？

Answer 1

WordPress對其菜單有一個簡單的查詢。

<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_id' => 'primary-menu' ) ); ?>

你可以閱讀從https://developer.wordpress.org/reference/functions/wp_nav_menu/更可以輕鬆地用CSS和JavaScript調整這一點。但是像@ akshay-shah說的那樣，如果你希望使用類似bootstrap的css框架，你可以使用nav walker類。 Ref：https://github.com/wp-bootstrap/wp-bootstrap-navwalker