WordPress后台菜单添加子菜单页面（add_submenu_page）

 

 

 

要实现这个功能我们需要使用到“add_submenu_page”这个函数

函数用法

<?php 
add_submenu_page( $parent_slug, $page_title, $menu_title, $capability, $menu_slug, $function ); 
//parent_slug-父级菜单项的别名 
//page_title--页面的title信息 
//menu_title-菜单标题 
//capability-权限 
//menu_slug-别名 
//function-执行的函数 
?>

 

官方文档：http://codex.wordpress.org/Function_Reference/add_submenu_page

参数详解
$parent_slug：(字符串) (必须)顶级菜单名称，可以在顶级菜单中加入我们的子菜单，也可以在自定义顶级菜单中加入子菜单；（也就是 add_menu_page() 函数中的 $menu_slug 参数）

$page_title：(字符串) (必须) 这个参数是子菜单的标题，将会显示在浏览器的标题栏，默认为空；

$menu_title：(字符串) (必须) 显示的菜单名称，默认为空；

$capability：(字符串) (必须) 用户权限，定义了具有哪些权限的用户会看到这个子菜单（权限部分请看文章结尾处），默认为空；关于用户权限的官方文档：http://codex.wordpress.org/Roles_and_Capabilities

$menu_slug：(字符串) (必须) 显示在URl上面的菜单名称，默认为空；

$function：所有调用的函数名称，通过调用这个函数来显示这个子菜单页面的内容。

为默认菜单添加子菜单用法及举例
$parent_slug：(字符串) (必须)顶级菜单名称，可以在顶级菜单中加入我们的子菜单，也可以在自定义顶级菜单中加入子菜单；
1、在仪表盘添加子菜单: add_submenu_page( ‘index.php’, … );

2、在文章处添加子菜单: add_submenu_page( ‘edit.php’, … );

3、在媒体处添加子菜单: add_submenu_page( ‘upload.php’, … );

4、在链接处添加子菜单: add_submenu_page( ‘link-manager.php’, … );

5、在页面处添加子菜单: add_submenu_page( ‘edit.php?post_type=page’, … );

6、在评论处添加子菜单: add_submenu_page( ‘edit-comments.php’, … );

7、在你自定义文章类型处添加子菜单: add_submenu_page(‘edit.php?post_type=your_post_type’,…)

8、在外观处添加子菜单: add_submenu_page( ‘themes.php’, … );

9、在插件处添加子菜单: add_submenu_page( ‘plugins.php’, … );

10、在用户处添加子菜单: add_submenu_page( ‘users.php’, … );

11、在工具处添加子菜单: add_submenu_page( ‘tools.php’, … );

12、在设置处添加子菜单: add_submenu_page( ‘options-general.php’, … );

在主题函数文件“functions.php”添加代码

<?php

add_action('admin_menu', function (){
    add_menu_page( 
        'title标题', 
        '菜单标题', 
        'edit_themes', 
        'ashu_slug',
        function (){
            echo '<h1>这是设置页面</h1><p>这里是设置的内容</p>';
        },
        '',
        6);

});

//以下是添加子菜单项代码 
add_action('admin_menu', function (){
    //顶级菜单的slug是ashu_slug 
    add_submenu_page( 
        'ashu_slug', 
        '子菜单', 
        '子菜单', 
        'edit_themes', 
        'ashu-submenu-page', 
        function (){
            echo '<h3>子菜单项的输出代码</h3><p>这里是子菜单设置的内容</p>';
        }
    );

});
?>

 

查看效果：