Detailed explanation of functions for adding top-level menus and submenus in WordPress backend_php tips

Add settings page-add_menu_page function
add_menu_page(), this function is to add a top-level menu to the background, which is the same top-level menu as "Appearance", "Plug-in", etc.

The function is introduced as follows:

<&#63;php  
add_menu_page( $page_title, $menu_title, $capability, $menu_slug, $function, $icon_url, $position );  
//page_title页面title标签信息  
//$menu_title 菜单标题  
//capability 权限  
//menu_slug 别名  
//function 执行函数  
//icon_url 菜单图标url地址  
//position 此菜单项在菜单中的位置，警告：如果两个菜单项的位置属性相同，其中一个可能要被覆盖  
&#63;> 

For the function parameter, this parameter is usually the function name. If you want to call a method of the class in a class, use the form of array (class name, function name). If this parameter is empty, the menu_slug parameter can be a file path.

For the position parameter of the above function, the default menu item position attributes are as follows:

2 Dashboard
 4 Separator
 5 Posts
 10 Media
 15 Links
 20 Pages
 25 Comments
 59 Separator
 60 Appearance
 65 Plugins
 70 Users
 75 Tools
 80 Settings
 99 Separator

Okay, let’s explain it with examples, so that Li Jufu can do it. Create a new myfuntions.php in the default Twenty Ten theme, then include in the functions.php file and open our myfunctions.php with an editor,
Add new code:

<&#63;php  
function test_function(){  
  add_menu_page( 'title标题', '菜单标题', 'edit_themes', 'ashu_slug','display_function','',6);  
}  
 
function display_function(){  
  echo '<h1>这是设置页面</h1>';  
}  
add_action('admin_menu', 'test_function');  
&#63;> 

As you can see, the menu position is 6. Comparing it, you can find that it will be behind "Articles", see:

A top-level menu page has appeared. . .

Add submenu item-add_submenu_page
The function to add submenu items is as follows:

<&#63;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-执行的函数  
&#63;> 

In fact, with the first two tutorials, there is no need to explain the usage of this function.

For example, still use the files in the previous two tutorials (create a new myfuntions.php in the default Twenty Ten theme, and then include the new file in the functions.php file) open our myfunctions.php with the editor, go to In a tutorial, we have added a top-level menu item. Today we will add a sub-menu item based on this top-level menu item, keep yesterday's code, and add new code. After that, the code in myfunctions.php is as follows:

<&#63;php   
function test_function(){   
  add_menu_page( 'title标题', '菜单标题', 'edit_themes', 'ashu_slug','display_function','',6);   
}   
   
function display_function(){   
  echo '<h1>这是设置页面</h1>';   
}   
add_action('admin_menu', 'test_function');  
 
//以下是添加子菜单项代码  
add_action('admin_menu', 'add_my_custom_submenu_page');  
 
function add_my_custom_submenu_page() {  
  //顶级菜单的slug是ashu_slug  
  add_submenu_page( 'ashu_slug', '子菜单', '子菜单', 'edit_themes', 'ashu-submenu-page', 'my_submenu_page_display' );  
}  
 
function my_submenu_page_display() {  
  echo '<h3>子菜单项的输出代码</h3>';  
 
}  
 
&#63;> 

The rendering is like this:

OK, adding submenu items is completed. .