2011-06-07 70 views
1

我有這樣的代碼生成一個WP菜單:加入「開」狀態,WordPress的菜單

   <div id="menu"> 
    <?php $args = array(
    'depth'  => 1, 
    'show_date' => '', 
    'date_format' => get_option('date_format'), 
    'child_of'  => 0, 
    'exclude'  => '426, 508', 
    'include'  => '', 
    'title_li'  => __(''), 
    'echo'   => 1, 
    'authors'  => '', 
    'sort_column' => 'menu_order, post_title', 
    'link_before' => '', 
    'link_after' => '', 
    'walker' => ''); ?> 
    <ul><div class="menu-button"><?php wp_list_pages($args, 'sort_column=menu_order'); ?></div></ul> 
    </div> 

我有一些CSS向菜單項的懸停狀態,但有可能表現出「上「狀態,如果用戶在該實際頁面上,菜單項是不同的顏色?

回答

2

當顯示頁面時調用wp_list_pages()時,該頁面的列表項被賦予額外的類current_page_item。

來源:codex.wordpress.org/Function_Reference/wp_list_pages#Markup_and_styling_of_page_items

所以,如果你設置一個CSS規則.current_page_item,你可以風格當前頁面的列表樣式在您的導航。

+0

它與'.current_page_item'一起使用,但我也有一些我想顯示爲「on」狀態的子頁面,他們建議'.current_page_parent'或'.current_page_ancestor',但都不起作用! – Rob 2011-06-08 13:08:14

+1

祖先工作,我的錯! – Rob 2011-06-08 14:18:40