WordPress 在開發外掛過程經常要使用到頂級選單或者子選單,本文就介紹如何在 WordPress 後臺新增選單教程。

WordPress 後臺新增頂級選單

WordPress 後臺新增頂級選單使用的函式是:

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 此選單項在選單中的位置,警告:如果兩個選單項的位置屬性相同,其中一個可能要被覆蓋

例項:

add_menu_page(__('My Menu Page'), __('My Menu'), 'edit_themes', 'my_new_menu', 'my_menu_render', '', 7);

function my_menu_render() {
    global $title;
    ?>
        <h2><?php echo $title;?></h2>
        My New Menu Page!!
        <?php
}

WordPress 後臺新增子選單

WordPress 後臺新增子選單使用的函式是:

add_submenu_page( $parent_slug, $page_title, $menu_title, $capability, $menu_slug, $function );

引數說明:

  • parent_slug-父級選單項的別名
  • page_title–頁面的 title 資訊
  • menu_title-選單標題
  • capability-許可權
  • menu_slug-別名
  • function-執行的函式

例項:

// 新增一個子選單
 add_submenu_page('my_new_menu', __('My SubMenu Page'), __('My SubMenu'), 'edit_themes', 'my_new_submenu', 'my_submenu_render');
 function my_submenu_render() {
	global $title;
	?>
        <h2><?php echo $title;?></h2>
        My New Menu Page!!
        <?php
}

WordPress 後臺新增選單教程完整程式碼

將下列程式碼複製到你主題的 functions.php 檔案中即可看到效果,或者可以在外掛中使用。

function my_add_pages() {
    add_menu_page(__('My Menu Page'), __('My Menu'), 'edit_themes', 'my_new_menu', 'my_menu_render', '', 7);
    add_submenu_page('my_new_menu', __('My SubMenu Page'), __('My SubMenu'), 'edit_themes', 'my_new_submenu', 'my_submenu_render');
}

function my_menu_render() {
    global $title;
    ?>
        <h2><?php echo $title;?></h2>
        My New Menu Page!!
        <?php
}

function my_submenu_render() {
    global $title;
    ?>
        <h2><?php echo $title;?></h2>
        My New Menu Page!!
        <?php
}

add_action('admin_menu', 'my_add_pages');