Question

我正在尝试做类似这样的事情：在wordpress中使用http://cssdeck.com/labs/3fo47n21，但是我无法使用这样的锚标签来导航包装菜单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>

你们是我的最后手段，有什么建议吗？

Answer 1

这有帮助吗？

<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>

如果要在<a>元素中使用<ul>元素，则需要包含在<li>元素中。实际上，您应该使用<ul>元素将任何内容包装在<li>元素中。

锚包裹li为wordpress中的滑出菜单

1 个答案: