![](/img/trans.png)
[英]Wordpress : custom menu, add class “current-menu-item” on <a> tags
[英]Add a class to a menu item in WordPress
我正在WordPress中創建主題。 如果用戶在該頁面上,我想向<li>
元素添加一個類。
我已經在header.php
使用以下代碼成功創建了動態導航:
<div class="nav">
<?php wp_nav_menu( array( 'theme_location' => 'nav-menu' ) ); ?>
</div>
在HTML中將其轉換為:
<div class="nav">
<ul>
<li> Home </li>
<li> Products </li>
<li> About </li>
</ul>
</div>
我希望能動態地改變這一點。 如果用戶在www.website.com/about上,則導航將更改為:
<div class="nav">
<ul>
<li> Home </li>
<li> Products </li>
<li class="underline"> About </li>
</ul>
</div>
根據文檔,當前頁面項應該已經具有一個.current-menu-item
。 您可以使用該樣式為下划線設置樣式。 你沒看到這堂課嗎?
http://codex.wordpress.org/Function_Reference/wp_nav_menu#Current-Page_Menu_Items
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.