如何為WordPress外掛新增多層選單功能

function my_plugin_menu_page() {
    add_menu_page(
        'My Plugin',     // 页面标题
        'My Plugin',     // 菜单标题
        'manage_options', // 用户权限
        'my-plugin',     // 菜单 slug
        'my_plugin_menu_callback', // 页面回调函数
        'dashicons-admin-plugins', // 菜单图标
        99 // 菜单位置
    );
}
add_action( 'admin_menu', 'my_plugin_menu_page' );

function my_plugin_submenu_page() {
    add_submenu_page(
        'my-plugin', // 父菜单 slug
        'Submenu Page', // 子菜单标题
        'Submenu Page', // 页面标题
        'manage_options', // 用户权限
        'my-plugin-submenu', // 子菜单 slug
        'my_plugin_submenu_callback' // 页面回调函数
    );
}
add_action( 'admin_menu', 'my_plugin_submenu_page' );

function my_plugin_menu_callback() {
    echo '<h1 id="My-Plugin-Menu">My Plugin Menu</h1>';
    echo '<p>Welcome to My Plugin Menu. You can add your content here.</p>';
}

function my_plugin_submenu_callback() {
    echo '<h1 id="Submenu-Page">Submenu Page</h1>';
    echo '<p>Welcome to Submenu Page. You can add your content here.</p>';
}

function my_plugin_submenu_page() {
    add_submenu_page(
        'my-plugin', // 父菜单 slug
        'Submenu Page 1', // 子菜单标题
        'Submenu Page 1', // 页面标题
        'manage_options', // 用户权限
        'my-plugin-submenu1', // 子菜单 slug
        'my_plugin_submenu_callback1' // 页面回调函数
    );

    add_submenu_page(
        'my-plugin', // 父菜单 slug
        'Submenu Page 2', // 子菜单标题
        'Submenu Page 2', // 页面标题
        'manage_options', // 用户权限
        'my-plugin-submenu2', // 子菜单 slug
        'my_plugin_submenu_callback2' // 页面回调函数
    );
}

// 页面回调函数
function my_plugin_submenu_callback1() {
    echo '<h1 id="Submenu-Page">Submenu Page 1</h1>';
    echo '<p>Welcome to Submenu Page 1. You can add your content here.</p>';
}

function my_plugin_submenu_callback2() {
    echo '<h1 id="Submenu-Page">Submenu Page 2</h1>';
    echo '<p>Welcome to Submenu Page 2. You can add your content here.</p>';
}