在wp_nav_menu

Question

我使用wp_nav_menu在WordPress的創造我的導航

輸出添加菜單項ID與此類似（我已刪除的href鏈接）

<nav id="pageNav"> 
     <ul id="menu-headernav" class="menu"> 
      <li><a href="">Home</a></li> 
     <li><a href="">About</a></li> 
     <li><a href="">Services</a></li> 
     <li><a href="">Work</a></li> 
     <li><a href="">Contact</a></li> 
     </ul>   
    </nav> 

我需要每個樣式分開鏈接。

如何在菜單中爲每個（li）或（a）添加一個id以便我可以設置它的樣式。

Answer 1

li標籤有一個由WordPress生成的ID。至少他們在我的安裝。

對於a標記，您可以通過在主題的function.php文件中寫入函數來添加id屬性，並掛接到nav_menu_link_attributes過濾器。

在退房WordPress的核心： http://core.trac.wordpress.org/browser/tags/3.6/wp-includes/nav-menu-template.php#L89

function my_id_attribute ($atts, $item, $args) { 
    //develop your anchor tag ID nomenclature I'll call it $id 
    $atts['id'] = $id; 
    return $atts; 
    } 
add_filter('nav_menu_link_attributes', 'my_id_attribute', 3, 10); 

Answer 2

您可以在WordPress中添加一個類爲每個菜單項。轉到「外觀」 - >「菜單」 - >，然後在屏幕選項面板中，點擊複選框激活「CSS類」。從那裏你可以分配獨特的選擇器到你的CSS目標菜單項。