2016-10-02 109 views
0

我正在開發自己的自定義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函數來安裝與預編譯類菜單?

回答

0

您應該嘗試閱讀這些問題的文檔,因爲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> 
0

嘗試:

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

如果你需要數據響應菜單也可以用一些JS添加。

編輯

在的$ args,您還可以使用此

0

這裏的解決方案:

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