上一篇教程講述了在 WordPress 後台菜單列表裏面添加一個頂級菜單項，今天的這一篇當然是講怎樣添加一個子菜單頁面了，我們的 WordPress 後台製作教程 (一) 其實也是一個子菜單項，在文章結尾再細説。

添加子菜單項的函數如下：

  1. <?php   
  2. add_submenu_page( $parent_slug, $page_title, $menu_title, $capability, $menu_slug, $function );   
  3. //parent_slug-父級菜單項的別名   
  4. //page_title--頁面的 title 信息   
  5. //menu_title-菜單標題   
  6. //capability-權限   
  7. //menu_slug-別名   
  8. //function-執行的函數   
  9. ?>  

其實有了前兩篇教程，這個函數的用法無需多言了。

實例，還是用上兩篇教程中的文件 (在默認的 Twenty Ten 主題中新建一個 myfuntions.php , 然後在 functions.php 文件中 include 新文件) 用編輯器打開我們的 myfunctions.php，上一篇教程中我們已經添加了一個頂級菜單項，今天我們就在這個頂級菜單項的基礎上添加一個子菜單項，保留昨天的代碼，補充新的代碼, 之後 myfunctions.php 中的代碼是這樣：

  1. <?php      
  2. function test_function(){      
  3.     add_menu_page( 'title 標題', '菜單標題', 'edit_themes', 'ashu_slug','display_function','',6);      
  4. }      
  5.      
  6. function display_function(){      
  7.     echo '<h1> 這是設置頁面</h1>';      
  8. }      
  9. add_action('admin_menu', 'test_function');   
  10.   
  11. //以下是添加子菜單項代碼   
  12. add_action('admin_menu', 'add_my_custom_submenu_page');   
  13.   
  14. function add_my_custom_submenu_page() {   
  15.     //頂級菜單的 slug 是 ashu_slug   
  16.     add_submenu_page( 'ashu_slug', '子菜單', '子菜單', 'edit_themes', 'ashu-submenu-page', 'my_submenu_page_display' );    
  17. }   
  18.   
  19. function my_submenu_page_display() {   
  20.     echo '<h3> 我是阿樹工作室，子菜單項的輸出代碼</h3>';   
  21.   
  22. }   
  23.   
  24. ?>  

效果圖是這樣：

OK，添加子菜單項完成。。