Javascript wordpress中用于滑出菜单的锚定

我正在尝试这样做：在wordpress中，但我很难让导航用锚定标记将菜单li包装成这样：

<nav class="menu-opener">
    <div class="menu-opener-inner"></div>
  </nav>
  <nav class="menu">
    <ul class="menu-inner">
      <a href="#" class="menu-link">
        <li>Accueil</li>
      </a>
      <a href="#" class="menu-link">
        <li>Portfolio</li>
      </a>
      <a href="#" class="menu-link">
        <li>Themes</li>
      </a>
      <a href="#" class="menu-link">
        <li>Templates</li>
      </a>
      <a href="#" class="menu-link">
        <li>Contact</li>
      </a>
    </ul>
</nav>

我得到的只是标题中的这个：

 <nav class="menu-opener">
     <div class="menu-opener-inner"></div>
 </nav>
 <nav id="nav-main" class="menu clearfix" role="navigation">

      <?php

      if (has_nav_menu('primary_navigation')) :

      wp_nav_menu(array('theme_location' => 'primary_navigation', 'menu_class' => 'menu-inner', 'items_wrap' => '<ul id="%1$s" class="%2$s"><a class="menu-link">%3$s</a></ul>')); 

      endif;

      ?>

 </nav> 

这有用吗

<nav class="menu-opener">
    <div class="menu-opener-inner"></div>
  </nav>
  <nav class="menu">
    <ul class="menu-inner">
      <li><a href="#" class="menu-link">Accueil</a></li>
      <li><a href="#" class="menu-link">Portfolio</a></li>
      <li><a href="#" class="menu-link">Themes</a></li>
      <li><a href="#" class="menu-link">Templates</a></li>
      <li><a href="#" class="menu-link">Contact</a></li>
    </ul>
</nav>










如果要在
元素中使用
元素，则需要在
元素中进行封装。实际上，您应该使用
元素将任何内容包装在
元素中
 这不是你问题的答案，但是链接是糟糕的html–
ul
元素应该只包含
li
。Wordpress用
li
包装锚固件做得很好。如果你需要锚定是粗的，让它们
display:block和<代码>宽度：100%并从那里开始你的风格设计。Thanx Djave但我要找的是幻灯片，它可以在WordPes上工作，就像我提供的示例一样。li标签由锚环绕。我知道，但是在这个例子中，程序员在我提供的链接中做到了这一点。但假设我想将该类添加到我的wordpress菜单锚中，您将如何继续？您将在自定义样式表中将CSS添加到wordpress中@米奇迈