### [如何为WordPress插件添加多级菜单功能](https://www.prosaas.cn/article/855)

**Published:** 2023-09-05T05:06:15

**Author:** 5201314

**Excerpt:** 如何为WordPress插件添加多级菜单功能在 WordPress 中，插件是扩展网站功能的重要组成部分。默认…

![](//zhiqipro.oss-cn-beijing.aliyuncs.com/2023/12/20231212115145767.jpg)

如何为WordPress插件添加多级菜单功能

在 WordPress 中，插件是扩展网站功能的重要组成部分。默认情况下，WordPress 提供了一些菜单功能，例如顶部导航菜单和边栏菜单。但是，有时候我们需要在自己的插件中添加自定义的多级菜单功能，以方便用户访问插件的各种功能。

本文将教你如何为 WordPress 插件添加多级菜单功能，并提供一些代码示例。希望能对你的插件开发工作有所帮助。

步骤一：创建插件菜单页面

首先，我们需要创建一个用作插件菜单的页面。在 WordPress 中，可以通过调用 `add_menu_page()` 函数来实现。

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' );

在上面的代码中，我们使用 `add_menu_page()` 函数创建了一个名为 "My Plugin" 的菜单页面。参数中的 `my_plugin_menu_callback` 是我们自定义的页面回调函数，用于渲染菜单页面的内容。

步骤二：添加子菜单项

如果我们想要添加多级菜单功能，可以使用 `add_submenu_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' );

在上面的示例代码中，我们使用 `add_submenu_page()` 函数创建了一个名为 "Submenu Page" 的子菜单项。参数中的 `my_plugin_submenu_callback` 是我们自定义的子菜单页面回调函数。

步骤三：自定义菜单页面的内容

现在，我们需要为菜单页面添加自定义的内容。下面是一个示例代码：

function my\_plugin\_menu\_callback() {
    echo '<h1>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>Submenu Page</h1>';
    echo '<p>Welcome to Submenu Page. You can add your content here.</p>';
}

在上面的示例代码中，我们在页面回调函数中添加了一些简单的 HTML 内容。你可以根据自己的需求来自定义菜单页面的内容。

步骤四：添加更多子菜单项

如果我们需要添加多个子菜单项，可以重复调用 `add_submenu_page()` 函数。下面是一个示例代码：

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>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>Submenu Page 2</h1>';
    echo '<p>Welcome to Submenu Page 2. You can add your content here.</p>';
}

在上面的代码中，我们使用 `add_submenu_page()` 函数分别创建了两个子菜单项，并分别指定了不同的子菜单 slug 和页面回调函数。

总结

通过上述步骤，我们可以为 WordPress 插件添加多级菜单功能。首先，通过 `add_menu_page()` 函数创建插件菜单页面；然后，通过 `add_submenu_page()` 函数添加子菜单项；最后，通过自定义的页面回调函数为菜单页面添加内容。

希望这篇文章能帮助你在 WordPress 插件开发中实现多级菜单功能。记得在开发插件时，遵循最佳实践和安全性原则。

以上就是如何为WordPress插件添加多级菜单功能的详细内容，更多请关注知企PROSAAS其它相关文章！

**Categories:** WordPress

---