wp 添加内容到顶部工具条adminbar

wordpress 顶部工具条, 在英文中叫做 admin bar

这个工具条, 仅登录后才能看到, 既方便了管理员, 又不影响普通用户

添加内容到 admin bar

添加一个菜单到 admin bar , 你可以在 functions.php 添加如下内容

//添加内容到 admin bar
function custom_toolbar_link($wp_admin_bar) {
    $args = array(
        'id' => 'myadminbar',   //id必须是唯一的,如果有子级菜单,那么需要用到此id
        'title' => '52的小窝工具条',  //这个是显示的文字,支持html标签
        'href' => 'https://www.52dixiaowo.com', //这个表示跳转的链接,去掉则是文字
        'meta' => array(
            'class' => 'myclass',  //这个是class,其中默认是左边,ab-top-secondary右边
            'title' => '跳转到52的小窝网站', //这个是在鼠标指上去时显示的文字提示
            'target' => '_blank'  //这个是新标签打开
            )
    );
    $wp_admin_bar->add_node($args);  //把内容添加到 admin bar 节点
//添加一个子级菜单
$args = array(
        'id' => 'myadminbarson',
        'title' => 'java教程', 
        'href' => 'https://www.52dixiaowo.com/java/',
        'parent' => 'myadminbar',   //父级的 id
        'meta' => array(
            'class' => 'myclass-son', 
            'title' => '52的小窝java教程',
            'target' => '_blank'  
            )
    );
    $wp_admin_bar->add_node($args);
//添加一个孙子级菜单
$args = array(
        'id' => 'myadminbargrandson',
        'title' => '下载安装jdk', 
        'href' => 'https://www.52dixiaowo.com/java/post-40.html',
        'parent' => 'myadminbarson', 
        'meta' => array(
            'class' => 'myadminbar-grandson', 
            'title' => '跳转jdk安装文章'
            )
    );
    $wp_admin_bar->add_node($args);
 
}
add_action('admin_bar_menu', 'custom_toolbar_link', 999);  //把函数添加到functions中
// 999 表示位置在最后,可以尝试 5,15,25,100等数字,

针对移动端无法显示的问题, 可以使用 chrome 检查现有的菜单的 id, 在移动端现有 id 下追加子、孙级别的菜单, 这样就可以保证能够在移动端显示啦.

系统原有的菜单, 可以调换位置, 只需要写上 id 和 parent 即可把一个菜单变成另一个的子菜单