自定义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