WordPress的動態菜單高亮如果頁面屬於特定類別

Question

我正在尋找一種方式來動態突出顯示菜單項，當用戶正在查看分配給給定分類或分類的頁面時。例如，頂部的導航欄的項目爲「產品」和「策略」。任何創建並具有「產品」類別或分類的頁面或帖子都會導致產品菜單項在您處於該產品頁面時突出顯示。我在想，如果我能找出一種方法來根據上面的標準將一個課程應用於該項目，那麼這樣做。有任何想法嗎？我被困在這一個。

Answer 1

我會推薦一個前端方法。下面是我在想什麼：

1）你有2個或多個類別：產品和戰略......

2）在產品的每個職位將有一個包含這可能是所謂的類體類字符串產品分類或類似的東西。

3）使用jQuery你可以檢查產品，分類或戰略，分類和突出具體的菜單項。這可以通過jQuery選擇器輕鬆完成，前提是您在創建菜單時向產品類別添加特定的類。

這將是這樣的：
產品菜單項 添加類：「productsMenu」的戰略菜單項
添加類：「strategyMenu」
確保您呼應body_class

var $body = $(body); // better select just once the body 
if($body.hasClass('products-taxonomy')) { 
    // highlighetMenuItem should be your highlighting class 
    $(".productsMenu").addClass("highlighetMenuItem"); 
} else if($body.hasClass('strategy-taxonomy')) { 
    $(".strategyMenu").addClass("highlighetMenuItem"); 
} 

是的，如果你想要這個工作，你需要在前端使用jQuery。或者你可以在幾乎所有的代碼行中使用純javaScript。 :)