我正在WordPress上建立我的第一个网站，我想问问是否有人知道如何更改WordPress菜单中的标记。基本上，我希望WordPress导航的标记与我在静态模板中所做的匹配。

<div class="topNav">
        <ul>
          <li><a href="#">About</a></li>
          <li><a href="#">Mes siūlome</a></li>
          <li class="dropdown">
            <a class="dropbtn">if Has subMenu</a>
            <div class="dropdown-content">
              <a href="#"> Sub1</a>
              <a href="#"> Sub2</a>
              <a href="#"> Sub3</a>
            </div>
          </li>
          <li><a href="#">Contact</a></li>
        </ul>
      </div>

然而，我得到了这样的东西

<div class="menu-topnav-container">
   <ul id="menu-topnav" class="menu">
      <li id="menu-item-89" class="some random wordpress classes">
         <a href="#">about</a>
         <ul class="sub-menu">
            <li id="menu-item-90" class="some random wordpress classes"><a 
               href="http://test">example</a></li>
         </ul>
      </li>
      <li id="menu-item-92" class="some random wordpress classes"><a 
         href="http://2">example</a></li>
   </ul>
</div>

我知道我需要使用自定义walker类，但我不知道如何应用它：（有人能帮我吗？我需要这个标记结构，因为我不想重写所有css代码。

wp_nav_menu(array(
    \'menu\' => \'myMenu\', // change this to call your desired menu
    \'container_class\' => \'topNav\', // changes outer <div> class
    \'items_wrap\' => \'<ul>%1$s</ul>\' // strips id & class from <ul>
));

<div class="topNav">
   <ul>
      <li id="menu-item-89" class="some random wordpress classes">
         <a href="#">about</a>
         <ul class="sub-menu">
            <li id="menu-item-90" class="some random wordpress classes"><a 
               href="http://test">example</a></li>
         </ul>
      </li>
      <li id="menu-item-92" class="some random wordpress classes"><a 
         href="http://2">example</a></li>
   </ul>
</div>