在wordpress中获取当前活动的菜单标题


Getting currently active menu title in wordpress

我需要在wordpress的每个页面上获得当前活动的菜单项(菜单标题如Home, About us等)。我使用wordpress代码来显示菜单&显示正确。代码如下,

    $menu_name = 'primary';
    if ( ( $locations = get_nav_menu_locations() ) && isset( $locations[ $menu_name ] ) )
    {
        $menu = wp_get_nav_menu_object( $locations[ $menu_name ] );
        $menu_items = wp_get_nav_menu_items($menu->term_id);
        $menu_list = '<ul id="menu-' . $menu_name . '" class="nav navbar-nav" style="width:100%;">';
        foreach ( (array) $menu_items as $key => $menu_item )
        {
            $title = $menu_item->title;
            $url = $menu_item->url;
            $menu_list .= '<li class="menu-line"><a href="' . $url . '">' . $title . '</a></li>';
        }
        $menu_list .= '</ul>';
    } else {
    $menu_list = '<ul><li>Menu "' . $menu_name . '" not defined.</li></ul>';
    }
    echo $menu_list;

但是我不能确定哪个菜单项现在是活跃的。任何帮助,感谢!

像这样更新你的代码,并根据你的需要添加你的CSS。

<?php
 $menu_name = 'primary';
    if ( ( $locations = get_nav_menu_locations() ) && isset( $locations[ $menu_name ] ) )
    {
        $menu = wp_get_nav_menu_object( $locations[ $menu_name ] );
        $menu_items = wp_get_nav_menu_items($menu->term_id);
        $menu_list = '<ul id="menu-' . $menu_name . '" class="nav navbar-nav" style="width:100%;">';
        foreach ( (array) $menu_items as $key => $menu_item )
        {
            $title = $menu_item->title;
            $url = $menu_item->url;
            $active = '';
            $actual_link = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";           
            if($url == $actual_link) 
            {
                 $active = 'active';
            }
            else
            {
                $active = '';
            }
            $menu_list .= '<li class="menu-line"><a href="' . $url . '" class="'.$active.'">' . $title . '</a></li>';
        }
        $menu_list .= '</ul>';
    } else {
    $menu_list = '<ul><li>Menu "' . $menu_name . '" not defined.</li></ul>';
    }
    echo $menu_list;
?>

CSS如下图

<style>
.active { border:1px solid #f00;}
</style>