要在 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;
}