Php 登录用户的下拉菜单链接'；姓名

我已将此代码添加到我的子主题的

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;
}

add_filter（'wp_nav_menu_items'、'my_custom_menu_item'）；
功能我的自定义菜单项（$items）
{
如果（用户是否已登录）
{
$user=wp_get_current_user（）；
$name=$user->user\u firstname；//
$items.='
'；
}
退回$items；
}

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

但是，我希望用户能够将鼠标悬停在“Hello，[此处的名字]上方，并显示一个下拉菜单，其中包含“我的帐户”和“注销”等选项

我发现了两个例子（更多的选项），另一个来自Spotify（更少的选项，以及我的目标）

以下是Spotify示例：

---

要做到这一点，我需要做些什么？谢谢！

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

---

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

g很多。我应该把CSS代码放在哪里，以便它能够与菜单栏上显示的登录用户的名字一起工作？您使用的是框架吗？许多框架都有指定的区域来保持CSS的组织。如果您只是在制作自己的应用程序，那么您可以使用内联CSS或使用CSS文件并在您的应用程序中链接到它看看W3学校，它的布局很好，我使用的是非编码主题