如何将类添加到wp_nav_menu（）函数

问题描述：

我正在开发自己的自定义Wordpress主题，并且在处理菜单导航时出现问题。基本上，我已经了解到，WordPress的具有函数调用wp_nav_menu()包含此例如：如何将类添加到wp_nav_menu（）函数

<ul> 
<li><a href="#">Link</a></li> 
<li><a href="#">Link</a></li> 
<li><a href="#">Link</a></li> 
</ul>

但因为我和Foundation框架的工作也，菜单标签已经得到了一些预编译的类。所以，我的主菜单如下：

<div class="top-bar" id="main-menu"> 
      <ul class="menu vertical medium-horizontal expanded medium-text-center" data-responsive-menu="drilldown medium-dropdown"> 
       <li><a href="#">Tech</a> 
       </li> 
       <li><a href="#">Energy</a> 
       </li> 
       <li><a href="#">Space</a> 
       </li> 
       <li ><a href="#">Medicine</a> 
       </li> 
       <li ><a href="#">Robotics</a> 
       </li> 
       <li ><a href="#">Tesla</a> 
       </li> 
      </ul> 
     </div>

所以在这里为了安装wp_nav_menu()功能，我必须这样做：

<div class="top-bar" id="main-menu"> 
      <?php 
       $args = array(
        'theme_location' => 'top' 
       ); 
      ?> 
      <?php wp_nav_menu($args); ?> 
     </div>

但问题是，因为我已删除的类名和菜单元素中的样式表，导航将无人反应！

那么如何添加这个Wordpress函数来安装与预编译类菜单？

答

您应该尝试阅读这些问题的文档，因为WordPress文档非常丰富。

https://developer.wordpress.org/reference/functions/wp_nav_menu/

为了解决这个问题，下面'theme_location' => 'top'加入'menu_class' => 'menu vertical medium-horizontal expanded medium-text-center'。因此，您的最终代码将是：

<div class="top-bar" id="main-menu"> 
     <?php 
      $args = array(
       'theme_location' => 'top', 
       'menu_class' => 'menu vertical medium-horizontal expanded medium-text-center' 
      ); 
     ?> 
     <?php wp_nav_menu($args); ?> 
    </div>

答

尝试：

$args = array(
     'theme_location' => 'top' 
     'menu_class' => 'menu vertical medium-horizontal expanded medium-text-center',   
    ); 
    wp_nav_menu($args);

如果你需要数据响应菜单也可以用一些JS添加。

编辑

在的$ args，您还可以使用此

答

这里的解决方案：

wp_nav_menu(array('theme_location' => 'primary', 'menu_class' => 'nav-menu', 'menu_id3' => 'primary-menu3'));

如何将类添加到wp_nav_menu（）函数

相关推荐