如何在 WordPress 管理面板中添加菜单和子菜单

已发表: 2024-09-06

如果您已使用完 WordPress 管理面板的默认菜单或想根据您的需要对其进行自定义

通过使用菜单和子菜单进行自定义,可以更轻松地导航 WordPress 管理面板。

在这篇文章中,我们将引导您完成使用简单的代码片段添加菜单和子菜单的步骤。

无论您是想组织插件设置还是创建自定义选项,添加菜单都可以使您的 WordPress 管理区域更加自定义和用户友好。但首先,让我们澄清一些基础知识。


目录
什么是菜单和子菜单?
如何添加自定义菜单
如何添加子菜单
将子菜单添加到默认 WordPress 菜单
结论

什么是菜单和子菜单?

菜单是您在 WordPress 管理侧边栏中通常会注意到的主要项目,例如“帖子”、“页面”和“设置”。

但是,子菜单是主菜单下列出的选项。例如,在“帖子”下,您会找到“所有帖子”和“添加新帖子”等子菜单。简而言之,子菜单是主菜单下列出的选项。


如何添加自定义菜单

现在您一定想知道如何在 WordPress 管理仪表板中添加自定义菜单。

好吧,这并不那么棘手,您只需使用add_menu_page()函数即可。

您可以遵循以下简单的分步方法:

1.打开主题的functions.php文件:

您可以通过转到 WordPress 仪表板、导航到“外观”>“主题文件编辑器”并选择functions.php文件来找到此文件。

2. 添加以下代码:

function custom_plugin_menu() {

add_menu_page(

'My Custom Plugin', // Page title

'My Plugin', // Menu title

'manage_options', // Capability required

'my-plugin', // Menu slug (unique identifier)

'my_plugin_page', // Callback function to display page content

'', // Icon URL (leave empty for default icon)

6 // Position on the menu (optional)

);

}

add_action('admin_menu', 'custom_plugin_menu');

// Callback function to display the menu page content

function my_plugin_page() {

echo '<h1>Welcome to My Plugin Page!</h1>';

}

3. 保存您的更改:

添加代码后,保存functions.php文件。您的新“我的插件”菜单现在应该出现在 WordPress 管理侧边栏中。


WPOven Dedicated Hosting

如何添加子菜单

如果您想在新的自定义菜单下添加 WordPress 管理菜单第二层子菜单,请使用add_submenu_page()函数。方法如下:

1. 在functions.php中添加子菜单代码:

函数custom_plugin_submenu() {

// 首先添加顶级菜单

添加菜单页(

'我的自定义插件',

'我的插件',

'管理选项',

'我的插件',

'我的插件页面'

);

// 添加子菜单

添加子菜单页面(

'my-plugin', // 父 slug

'添加产品', // 页面标题

'添加产品', // 子菜单标题

'manage_options', // 所需的能力

'add-product', // 子菜单项

'add_product_page' // 回调函数

);

添加子菜单页面(

'我的插件',

'关于我们',

'关于我们',

'管理选项',

'关于我们',

“关于我们页面”

);

}

add_action('admin_menu', 'custom_plugin_submenu');

//“添加产品”子菜单的回调函数

函数add_product_page() {

echo '<h1>在此处添加您的产品!</h1>';

}

//“关于我们”子菜单的回调函数

函数 about_us_page() {

echo '<h1>关于我们的插件</h1>';

}

2. 保存文件:

您的子菜单“添加产品”和“关于我们”现在将显示在管理面板的“我的插件”菜单下。

需要记住的要点

菜单块:这是菜单的唯一标识符。它应该是小写的,并且可以包含破折号或下划线。

能力:这控制谁可以看到菜单。例如, 'manage_options'通常供管理员用户使用,他们只能看到它。

位置:确定菜单在列表中的显示位置。它是可选的,但有助于组织菜单。

页面标题:当您打开菜单或子菜单时,它会显示在浏览器的标题栏中。

菜单标题:这是出现在侧栏中的文本。

回调函数:当单击菜单或子菜单时,该函数运行,显示其内容。

上面的示例适用于我们创建的自定义菜单。但是 WordPress 管理员中的现有菜单又如何呢?

如何为默认的 WordPress 管理菜单创建第二层子菜单?方法如下:


将子菜单添加到默认 WordPress 菜单

之前,我们讨论了如何在 WordPress 的自定义菜单下添加子菜单。现在,让我们看看如何在 WordPress 的现有默认菜单下添加子菜单(例如仪表板、帖子、页面等)。

WordPress 提供了向这些默认菜单添加子菜单的特定功能:

add_dashboard_page :在“仪表板”菜单下添加子菜单。

add_posts_page :在“帖子”菜单下添加子菜单。

add_media_page :在“媒体”菜单下添加子菜单。

add_links_page :在“链接”菜单下添加子菜单。

add_pages_page :在“页面”菜单下添加子菜单。

add_comments_page :在“评论”菜单下添加子菜单。

add_theme_page :在“主题”菜单下添加子菜单。

add_plugins_page :在“插件”菜单下添加一个子菜单。

add_users_page :在“用户”菜单下添加子菜单。

add_management_page :在“工具”菜单下添加子菜单。

add_options_page :在“设置”菜单下添加子菜单。

所有这些功能的工作原理都类似。让我们通过一个简单的例子来更好地理解它:使用add_options_page()在“设置”菜单下添加一个子菜单

示例:在“设置”下添加子菜单

要在“设置”下添加子菜单,您可以使用add_options_page()函数。下面是该函数的简单分解:

$page_title :打开页面时的页面标题。

$menu_title :显示在“设置”下侧边栏中的名称。

$capability :谁可以看到此子菜单(仅限管理员)。

$menu_slug :此子菜单的唯一 ID。

$function :单击子菜单时将显示内容的函数。

例如,像下面这样使用这个函数:

add_options_page('My Plugin', 'My Plugin', 'manage_options', 'my-plugin', 'WPOven_plugin_render_options_page');

- 此代码在“设置”菜单下添加一个名为“我的插件”的子菜单。

– 它仅对具有“ manage_options ”功能的用户(通常是管理员)可见。

– 点击后会运行函数WPOven _plugin_render_options_page显示页面内容。

您可以通过这种方式将子菜单添加到默认 WordPress 菜单,从而更轻松地访问您想要添加的自定义设置或页面!


阅读:如何在 WordPress 中重新排序管理菜单项?


结论

在 WordPress 中添加自定义菜单和子菜单是根据您的方便自定义管理的好方法。

最好的部分是您可以通过几行代码简单地实现和执行此功能。这将帮助您为自己或您的客户创建一个更有组织且易于访问的后端。

因此,彻底遵循这些步骤,您将立即拥有一个自定义的管理面板。如果您对这篇文章有任何疑问或反馈,请在下面的评论部分提及。