WordPress的 - 選擇/加載子菜單項頁面時突出顯示父菜單項

我有一個基本的菜單和一些菜單項有子菜單。我對wordpress有很少的經驗，現在沒有時間深入瞭解細節。所以我的問題是，當使用導航到其中一個子菜單頁面時，突出顯示頂層菜單項的最簡單方法是什麼？（我嘗試使用JavaScript和純CSS來設置顏色屬性的元素ID和通過使用「當前的貓父」類，但都沒有工作）。
任何幫助，不勝感激。WordPress的 - 選擇/加載子菜單項頁面時突出顯示父菜單項

注：我正在使用一個叫做變色龍的主題。

來源

2013-03-24 Quantum_Entanglement

您可以分配當前菜單項類.current菜單 - 祖先類像

.main_menu li.current-menu-item a, .main_menu li.current-menu-ancestor a{ 
    color: #777777 !important; /* highlight color */ 
}

這將突出父頁面菜單

請參閱this page

來源

2013-03-30 08:39:07

.current-menu-ancestor沒有工作爲了我。 .current-page-ancestor沒有。

來源

2013-11-01 13:10:01 AnaRita

您可以在關閉正文標記之前在主題的footer.php文件中插入以下代碼。

<!-- Highlight parent page link when on child page --> 
<?php if (is_page()) { // displaying a child page ?> 
    <script type="text/javascript"> 
     jQuery("li.current-page-ancestor").addClass('current-menu-item'); 
    </script> 
<?php } ?>

它的美妙之處在於它在PHP中的代碼動態性。它所做的只是添加另一個本地WordPress導航li類，使當前頁面的鏈接處於活動狀態。

我在這裏寫了一篇短文，解釋它是如何工作的：How to keep parent page navigation link highlighted when viewing a child/sub page！

如果您有任何疑問，請隨時告訴我。

來源

2015-02-18 14:38:10

-1

編輯此問題時有點問題，但找到了一個簡單的解決方案。我使用WordPress的店面主題，只需粘貼到您的子主題的style.css文件：

li.current-menu-parent >a { 
    color:red !important; 
}

來源

2016-04-19 16:41:29

歡迎來到Stack Overflow！請在您發佈的代碼中添加一些信息。另外檢查[回答]並參加[遊覽] – manniL 2016-04-19 17:01:38

有趣。您的解決方案強調父母，但不是當前的孩子。但它使我走上正確的道路，最終，這就是我所需要的。

li.current-menu-parent >a, .current-menu-item >a { 
    color: red !important; 
}

來源

2017-06-13 15:49:05

太棒了。我幾乎一天都在尋找這個解決方案。非常感謝您進行最簡單的修復。 – 2018-02-22 15:13:11

WordPress的 - 選擇/加載子菜單項頁面時突出顯示父菜單項

回答

相關問題