我有一個基本的菜單和一些菜單項有子菜單。 我對wordpress有很少的經驗,現在沒有時間深入瞭解細節。所以我的問題是,當使用導航到其中一個子菜單頁面時,突出顯示頂層菜單項的最簡單方法是什麼? (我嘗試使用JavaScript和純CSS來設置顏色屬性的元素ID和通過使用「當前的貓父」類,但都沒有工作)。
任何幫助,不勝感激。WordPress的 - 選擇/加載子菜單項頁面時突出顯示父菜單項
注:我正在使用一個叫做變色龍的主題。
我有一個基本的菜單和一些菜單項有子菜單。 我對wordpress有很少的經驗,現在沒有時間深入瞭解細節。所以我的問題是,當使用導航到其中一個子菜單頁面時,突出顯示頂層菜單項的最簡單方法是什麼? (我嘗試使用JavaScript和純CSS來設置顏色屬性的元素ID和通過使用「當前的貓父」類,但都沒有工作)。
任何幫助,不勝感激。WordPress的 - 選擇/加載子菜單項頁面時突出顯示父菜單項
注:我正在使用一個叫做變色龍的主題。
您可以分配當前菜單項類.current菜單 - 祖先類像
.main_menu li.current-menu-item a, .main_menu li.current-menu-ancestor a{
color: #777777 !important; /* highlight color */
}
這將突出父頁面菜單
請參閱this page
.current-menu-ancestor
沒有工作爲了我。 .current-page-ancestor
沒有。
您可以在關閉正文標記之前在主題的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!
如果您有任何疑問,請隨時告訴我。
編輯此問題時有點問題,但找到了一個簡單的解決方案。 我使用WordPress的店面主題,只需粘貼到您的子主題的style.css
文件:
li.current-menu-parent >a {
color:red !important;
}
有趣。您的解決方案強調父母,但不是當前的孩子。但它使我走上正確的道路,最終,這就是我所需要的。
li.current-menu-parent >a, .current-menu-item >a {
color: red !important;
}
太棒了。我幾乎一天都在尋找這個解決方案。非常感謝您進行最簡單的修復。 – 2018-02-22 15:13:11
歡迎來到Stack Overflow!請在您發佈的代碼中添加一些信息。另外檢查[回答]並參加[遊覽] – manniL 2016-04-19 17:01:38