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

标签 php jquery html css wordpress

我已将此代码添加到我的子主题的 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;
}

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

但是,我希望用户能够将鼠标悬停在“您好,[这里的名字]”上,并显示一个下拉菜单,其中包含“我的帐户”和“注销”等选项。

我找到了两个例子。 One is from Amazon (更多选择)另一个来自 Spotify(更少选择,也是我想要的)。

这是 Spotify 示例:

enter image description here

我需要做什么才能实现这一点?谢谢!

最佳答案

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

基本上,您将提供将用户名封装在 ID 中的列表项,然后为其设置悬停触发器以显示菜单。它们实际上并不太复杂,但它是严格使用 CSS 的。 PHP 要做的唯一一件事就是提取用户的详细信息以帮助填充链接,以便用户到达正确的区域。

关于php - 来自登录用户名的下拉菜单链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37638368/

相关文章:

php - 为什么 mysqli_query() 向我的数据库发送空字符串?

php - mysql 查询 - 扩展性不佳,15k 条记录速度慢

php - 如何在 Elasticsearch 中进行多字段匹配

javascript - 将 var 从一个扩展函数传递到另一个扩展函数

jquery - jScrollPane 切断滚动条的底部

html - 将 div 定位在父 div 的底部 - Bootstrap

php - 从文本 block 中提取相关标签/关键字

c# - 这些脚本有什么作用?默认的 Asp.net MVC 3 网站

html中的javascript无法进行表单验证

javascript - 更新 mysql 上的 echo "select option "