在wordpress中自定義菜單是非常簡單的事情了,下面我來給大家介紹WordPress自定義菜單實現當前導航高亮方法,如果你對此有興趣不防進入參考.

我研究了一下wordpress的自定義菜單,發現用它來實現當前導航高亮方法其實是很簡單了,首先我們要讓你的主題支持自定義菜單,注意了wordpress自定義菜單是在3.0+版本以上才有的哦,我們要在你主題的functions.php的中間加一段代碼:

1. //自定義菜單  
2.     if(function_exists('register_nav_menus')){  
3.         register_nav_menus( array(  
4.             'header-menu' => __('頂部導航')  
5.             ));  
6. } 

這段代碼就是為了你的主題支持wordpress自定義菜單的,然后在把原來的那個分類導航替換,代碼如下:

<!--?php wp_nav_menu( array( 'theme_location' =--> 'header-menu')); ?>

如果你的主題已經支持了自定義菜單這步就可以跳過了,然后下面才是今天要講的重點,據我的觀察,你點擊自定義菜單后都會在你點擊的那個菜單下加了一個類別選擇器,wordpress自己進行了判斷,所以我們只要對那個類別選擇器寫樣式即可實現導航的高亮,下面的代碼寫在style.css上的,當然了按照你的需要來更改吧,代碼如下:

1. .current-menu-item,.current-menu-parent{  
2.     background:#333;  
3.     border-radius:4px;  
4.     color:#eee;  
5. } 

今天的教程很簡單,但是很實用,wordpress這點上做得不錯,自己就評斷了,不需要用戶自己進行評斷.