如何在 WordPress 管理面板中添加菜单和子菜单
已发表: 2024-09-06如果您已使用完 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 管理侧边栏中。
如何添加子菜单
如果您想在新的自定义菜单下添加 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()
函数。下面是该函数的简单分解:
1 |
add_options_page ( $ page_title , $ menu_title , $ capability , $ menu_slug , $ function ) ; |
– $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 中添加自定义菜单和子菜单是根据您的方便自定义管理的好方法。
最好的部分是您可以通过几行代码简单地实现和执行此功能。这将帮助您为自己或您的客户创建一个更有组织且易于访问的后端。
因此,彻底遵循这些步骤,您将立即拥有一个自定义的管理面板。如果您对这篇文章有任何疑问或反馈,请在下面的评论部分提及。
Rahul Kumar 是一位网络爱好者和内容策略师,专门从事 WordPress 和网络托管。凭借多年的经验和对了解最新行业趋势的承诺,他制定了有效的在线策略来增加流量、提高参与度并提高转化率。拉胡尔对细节的关注以及制作引人入胜的内容的能力使他成为任何希望提高其在线形象的品牌的宝贵资产。