下拉菜单链接来自登录用户的名称

Question

我已将此代码添加到我的子主题functions.php：

    add_filter( 'wp_nav_menu_items', 'my_custom_menu_item');
function my_custom_menu_item($items)
{
    if(is_user_logged_in())
    {
        $user=wp_get_current_user();
        $name=$user->user_firstname; //  
        $items .= '<li><a href="">Hello, '.$name.'</a></li>';
    }
    return $items;
}

这允许我的网站在菜单上显示登录用户的名字。

但是，我希望用户能够将鼠标悬停在“Hello，[FIRST NAME HERE]上，并显示一个下拉菜单，其中包含”我的帐户“和”退出“等选项。

我找到了两个例子。 One is from Amazon（更多选项）和另一个来自Spotify（更少选项，以及我想要的）。

以下是Spotify示例：

我需要做些什么来实现这一目标？谢谢！

Answer 1

解决此问题的最简单方法是使用CSS创建下拉菜单。在W3学校有一个很棒的教程right here.

基本上你会给你在一个ID中封装用户名的列表项，然后设置一个悬停触发器来显示菜单。它们真的不是太复杂，但严格来说是CSS。 PHP唯一要做的就是提取用户的详细信息以帮助填充链接，以便用户到达正确的区域。