要在 WordPress 裡自訂選單可以參考之前說的 [WordPress] 自訂網站的選單- wp_nav_menu() 這篇,而如果設定好選單後,想要在 UI 上面顯示當前的選單,可以這麼做。
設定好的選單結構大概會如下:
<ul class="menu">
<li class="menu-item"><a>item 1</a></li>
<li class="menu-item"><a>item 2</a></li>
</ul>
如果是當前的頁面, WordPress 會在 menu-item 那層加上 current_page_item 這個 class。
也就是我們只要類似這樣修改樣式即可。
.menu .menu-item.current_page_item a{ color: red; }