{"id":2183,"date":"2023-10-20T09:30:00","date_gmt":"2023-10-20T00:30:00","guid":{"rendered":"https:\/\/wakatchi.dev\/adding-your-own-submenu-to-wordpress\/"},"modified":"2025-05-07T06:26:13","modified_gmt":"2025-05-06T21:26:13","slug":"adding-your-own-submenu-to-wordpress","status":"publish","type":"post","link":"https:\/\/wakatchi.dev\/en\/adding-your-own-submenu-to-wordpress\/","title":{"rendered":"Adding your own submenu to WordPress"},"content":{"rendered":"
\n<p class="wp-block-paragraph">Hello, I'm Wakatchi ( <a href="https:\/\/twitter.com\/wakatchi_tech">@wakatchi_tech<\/a> )<\/p>\n\n<p class="wp-block-paragraph">When running a site developed with WordPress, you may want to save the site's unique settings or change the settings while operating the site.<\/p>\n\n<p class="wp-block-paragraph">In the previous article, we introduced how to add a top menu to WordPress.<\/p>\n\n<figure class="wp-block-embed is-type-wp-embed is-provider-wakatchi-tech-blog wp-block-embed-wakatchi-tech-blog"><div class="wp-block-embed__wrapper">\n\t\t\t<div class="blog-card">\n\t\t\t\t<div class="blog-card-body-outer">\n\t\t\t\t\t<div class="blog-card-body">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="blog-card-title">\n\t\t\t\t\t\t\t\t<a href="https:\/\/wakatchi.dev\/wordpress-admin-dev\/">WordPress\u306b\u72ec\u81ea\u306e\u7ba1\u7406\u30e1\u30cb\u30e5\u30fc\u3092\u8ffd\u52a0\u3059\u308b\u2460 \u30c8\u30c3\u30d7\u30e1\u30cb\u30e5\u30fc\u306e\u8ffd\u52a0<\/a>\n\t\t\t\t\t\t\t<\/h5>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class="blog-card-text">\n\t\t\t\t\t\t\t\t\u30b5\u30a4\u30c8\u72ec\u81ea\u306e\u8a2d\u5b9a\u306f\u3001WordPress\u306e\u7ba1\u7406\u30e1\u30cb\u30e5\u30fc\u3092\u72ec\u81ea\u306b\u958b\u767a\u3059\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002\u30b5\u30a4\u30c8\u306e\u8a2d\u5b9a\u5024\uff08\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\uff09\u306f\u3001\u30d7\u30e9\u30b0\u30a4\u30f3\u30a8\u30c7\u30a3\u30bf\u306a\u3069\u3092\u4f7f\u3044function.php\u306a\u3069\u306e\u2026\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class="blog-card-site-title">\n\t\t\t\t\t\t\t<a href="https:\/\/wakatchi.dev\/en\/">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading="lazy" src="https:\/\/wakatchi.dev\/wp-content\/uploads\/2025\/03\/ww-logo2-100x100.webp" width="16" height="16" alt="" >\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\u308f\u304b\u3063\u3061\u30a6\u30a9\u30c3\u30c1\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class="blog-card-image-outer">\n\t\t\t\t\t\t<a href="https:\/\/wakatchi.dev\/wordpress-admin-dev\/" class="blog-card-image-frame">\n\t\t\t\t\t\t\t<img class="blog-card-image-src" src="https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/01\/wordpress-admin-menu1-1024x683.jpg" alt="">\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\n<\/div><\/figure>\n\n<p class="wp-block-paragraph">In this article, we will show you how to add a submenu in WordPress, following on from the top menu we introduced previously.<\/p>\n\n<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent has-text-color has-pale-cyan-blue-color is-style-vk_borderBox-style-solid-kado-tit-tab"><div class="vk_borderBox_title_container has-background has-pale-cyan-blue-background-color"><i class=""><\/i><h4 class="vk_borderBox_title"><strong>\u3053\u306e\u8a18\u4e8b\u306f\u6b21\u306e\u3088\u3046\u306a\u65b9\u306b\u304a\u52e7\u3081\u3067\u3059<\/strong><\/h4><\/div><div class="vk_borderBox_body">\n<ul class="wp-block-list is-style-vk-check-mark">\n<li>WordPress site developers who want to configure site-wide settings from the WordPress administration menu<\/li>\n\n\n\n<li>WordPress theme and plugin developer<\/li>\n<\/ul>\n<\/div><\/div>\n\n<div class="wp-block-vk-blocks-table-of-contents-new vk_tableOfContents vk_tableOfContents-style-default tabs"><div class="tab"><div class="vk_tableOfContents_title">Table of Contents<\/div><input type="checkbox" id="chck1"><label class="tab-label vk_tableOfContents_openCloseBtn button_status button_status-open" for="chck1" id="vk-tab-label">CLOSE<\/label><ul class="vk_tableOfContents_list tab_content-open">\n\t\t\t\t<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">\n\t\t\t\t\t<a href="#vk-htags-72f7e078-d4c4-43ba-bdf4-461693a0810f" class="vk_tableOfContents_list_item_link">\n\t\t\t\t\t\t<span class="vk_tableOfContents_list_item_link_preNumber">1. <\/span>\n Adding a new submenu to WordPress\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\n\t\t\t\t<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">\n\t\t\t\t\t<a href="#vk-htags-a0074d24-96f0-4e53-9053-366e94d3841e" class="vk_tableOfContents_list_item_link">\n\t\t\t\t\t\t<span class="vk_tableOfContents_list_item_link_preNumber">1.1. <\/span>\n Add a submenu to the top menu\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\n\t\t\t\t<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-4">\n\t\t\t\t\t<a href="#vk-htags-93b99a29-bd96-4beb-a0bd-ff5029c8b06f" class="vk_tableOfContents_list_item_link">\n\t\t\t\t\t\t<span class="vk_tableOfContents_list_item_link_preNumber">1.1.1. <\/span>\n Add top menu\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\n\t\t\t\t<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-4">\n\t\t\t\t\t<a href="#vk-htags-5144d950-bc4d-4587-992b-2379b912aa76" class="vk_tableOfContents_list_item_link">\n\t\t\t\t\t\t<span class="vk_tableOfContents_list_item_link_preNumber">1.1.2. <\/span>\n Add submenu\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\n\t\t\t\t<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">\n\t\t\t\t\t<a href="#vk-htags-f8e9439b-5baf-4af3-88fe-294762c466d4" class="vk_tableOfContents_list_item_link">\n\t\t\t\t\t\t<span class="vk_tableOfContents_list_item_link_preNumber">2. <\/span>\n Add a submenu to an existing top menu\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\n\t\t\t\t<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-4">\n\t\t\t\t\t<a href="#vk-htags-173b294c-ee6c-472e-8fed-f8a01bec39fe" class="vk_tableOfContents_list_item_link">\n\t\t\t\t\t\t<span class="vk_tableOfContents_list_item_link_preNumber">2.1.1. <\/span>\n Parent slug name type\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\n\t\t\t\t<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">\n\t\t\t\t\t<a href="#vk-htags-5263aeff-2738-4fe6-bd7c-efec23c62477" class="vk_tableOfContents_list_item_link">\n\t\t\t\t\t\t<span class="vk_tableOfContents_list_item_link_preNumber">3. <\/span>\n summary\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t<\/ul><\/div><\/div>\n\n<h2 class="wp-block-heading" id="vk-htags-72f7e078-d4c4-43ba-bdf4-461693a0810f">Adding a new submenu to WordPress<\/h2>\n\n<p class="wp-block-paragraph">Add a submenu called "Submenu Sample" to the administration menu called "Top Menu Sample" that you added to the WordPress administration console. A submenu is a page included in the top menu.<\/p>\n\n<figure class="wp-block-image size-full"><img src="https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/02\/e8b22e1c2763a78ffba3cc29b12f4d1f.png" alt="" class="wp-image-576"\/><\/figure>\n\n<p class="wp-block-paragraph"><\/p>\n\n<p class="wp-block-paragraph">You can embed a submenu in WordPress using the source code below.<br\/>Try copying and pasting it directly into function.php or using the <a href="https:\/\/ja.wordpress.org\/plugins\/code-snippets\/" data-type="link" data-id="https:\/\/ja.wordpress.org\/plugins\/code-snippets\/">Code Snippets plugin<\/a>.<\/p>\n\n<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code><?php\nadd_action(\n\t'admin_menu',\n\tfunction(){\n add_menu_page(\n '\u7ba1\u7406\u30e1\u30cb\u30e5\u30fc\u30bf\u30a4\u30c8\u30eb' ,\n '\u30c8\u30c3\u30d7\u30e1\u30cb\u30e5\u30fc\u30b5\u30f3\u30d7\u30eb' ,\n 'manage_options' ,\n 'top_menu_sample' ,\n 'render_topmenu_contents' ,\n 'dashicons-calendar' ,\n 0\n );\n \n add_submenu_page(\n 'top_menu_sample' ,\n '\u30b5\u30d6\u30e1\u30cb\u30e5\u30fc\u30bf\u30a4\u30c8\u30eb' ,\n '\u30b5\u30d6\u30e1\u30cb\u30e5\u30fc\u30b5\u30f3\u30d7\u30eb' , \n 'manage_options' , \n 'sub_menu_sample' , \n 'render_submenu_contents'\n );\n }\n);\n\nfunction render_topmenu_contents() {\n ?>\n <div class="wrap">\n <h1>\u30c8\u30c3\u30d7\u30e1\u30cb\u30e5\u30fc\u8a2d\u5b9a<\/h1>\n <p>Hello admin TOP menu !!<\/p>\n <\/div>\n <?php\n}\n\nfunction render_submenu_contents() {\n ?>\n <div class="wrap">\n <h1>\u30b5\u30d6\u30e1\u30cb\u30e5\u30fc\u8a2d\u5b9a<\/h1>\n <p>Hello admin SUB menu !!<\/p>\n <\/div>\n <?php\n}\n\n\t\t<\/code><\/pre><\/div>\n\n<p class="wp-block-paragraph"><\/p>\n\n<h3 class="wp-block-heading" id="vk-htags-a0074d24-96f0-4e53-9053-366e94d3841e">Add a submenu to the top menu<\/h3>\n\n<p class="wp-block-paragraph">You can incorporate submenus into the top menu created with <strong><span data-color="#fcb900" style="background: linear-gradient(transparent 60%,rgba(252, 185, 0, 0.7) 0);" class="vk_highlighter">add_menu_page<\/span><\/strong>() by using <strong><span data-color="#fcb900" style="background: linear-gradient(transparent 60%,rgba(252, 185, 0, 0.7) 0);" class="vk_highlighter">add_submenu_page<\/span><\/strong>().<\/p>\n\n<h4 class="wp-block-heading" id="vk-htags-93b99a29-bd96-4beb-a0bd-ff5029c8b06f">Add top menu<\/h4>\n\n<p class="wp-block-paragraph">Add a function to add an admin menu to the hook named <strong><span data-color="#fcb900" style="background: linear-gradient(transparent 60%,rgba(252, 185, 0, 0.7) 0);" class="vk_highlighter">admin_menu<\/span><\/strong> using <strong><span data-color="#fcb900" style="background: linear-gradient(transparent 60%,rgba(252, 185, 0, 0.7) 0);" class="vk_highlighter">add_action<\/span><\/strong>().<\/p>\n\n<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP" data-line="2,3"><code><?php\nadd_action(\n 'admin_menu',\n function(){\n \/\/ your code\n }\n);<\/code><\/pre><\/div>\n\n<p class="wp-block-paragraph"><\/p>\n\n<p class="wp-block-paragraph">In the function to add the admin menu, implement adding the admin menu using <strong><span data-color="#fcb900" style="background: linear-gradient(transparent 60%,rgba(252, 185, 0, 0.7) 0);" class="vk_highlighter">add_menu_page<\/span><\/strong>().<\/p>\n\n<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP" data-line="2"><code><?php\nadd_menu_page(\n '\u7ba1\u7406\u30e1\u30cb\u30e5\u30fc\u30bf\u30a4\u30c8\u30eb' , \n '\u30c8\u30c3\u30d7\u30e1\u30cb\u30e5\u30fc\u30b5\u30f3\u30d7\u30eb' , \n 'manage_options' , \n 'top_menu_sample' , \n 'render_topmenu_contents' , \n 'dashicons-calendar' ,\n 0\n);\n\nfunction render_topmenu_contents() {\n ?>\n <div class="wrap">\n <h1>\u30c8\u30c3\u30d7\u30e1\u30cb\u30e5\u30fc\u8a2d\u5b9a<\/h1>\n <p>Hello admin TOP menu !!<\/p>\n <\/div>\n <?php\n}<\/code><\/pre><\/div>\n\n<p class="wp-block-paragraph"><\/p>\n\n<p class="wp-block-paragraph">For information on the arguments and return values \u200b\u200bof <strong><span data-color="#fcb900" style="background: linear-gradient(transparent 60%,rgba(252, 185, 0, 0.7) 0);" class="vk_highlighter">add_menu_page<\/span><\/strong>(), please refer to the previous article.<\/p>\n\n<figure class="wp-block-embed is-type-wp-embed is-provider-wakatchi-tech-blog wp-block-embed-wakatchi-tech-blog"><div class="wp-block-embed__wrapper">\n\t\t\t<div class="blog-card">\n\t\t\t\t<div class="blog-card-body-outer">\n\t\t\t\t\t<div class="blog-card-body">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="blog-card-title">\n\t\t\t\t\t\t\t\t<a href="https:\/\/wakatchi.dev\/wordpress-admin-dev\/">WordPress\u306b\u72ec\u81ea\u306e\u7ba1\u7406\u30e1\u30cb\u30e5\u30fc\u3092\u8ffd\u52a0\u3059\u308b\u2460 \u30c8\u30c3\u30d7\u30e1\u30cb\u30e5\u30fc\u306e\u8ffd\u52a0<\/a>\n\t\t\t\t\t\t\t<\/h5>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class="blog-card-text">\n\t\t\t\t\t\t\t\t\u30b5\u30a4\u30c8\u72ec\u81ea\u306e\u8a2d\u5b9a\u306f\u3001WordPress\u306e\u7ba1\u7406\u30e1\u30cb\u30e5\u30fc\u3092\u72ec\u81ea\u306b\u958b\u767a\u3059\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002\u30b5\u30a4\u30c8\u306e\u8a2d\u5b9a\u5024\uff08\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\uff09\u306f\u3001\u30d7\u30e9\u30b0\u30a4\u30f3\u30a8\u30c7\u30a3\u30bf\u306a\u3069\u3092\u4f7f\u3044function.php\u306a\u3069\u306e\u2026\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class="blog-card-site-title">\n\t\t\t\t\t\t\t<a href="https:\/\/wakatchi.dev\/en\/">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading="lazy" src="https:\/\/wakatchi.dev\/wp-content\/uploads\/2025\/03\/ww-logo2-100x100.webp" width="16" height="16" alt="" >\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\u308f\u304b\u3063\u3061\u30a6\u30a9\u30c3\u30c1\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class="blog-card-image-outer">\n\t\t\t\t\t\t<a href="https:\/\/wakatchi.dev\/wordpress-admin-dev\/" class="blog-card-image-frame">\n\t\t\t\t\t\t\t<img class="blog-card-image-src" src="https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/01\/wordpress-admin-menu1-1024x683.jpg" alt="">\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\n<\/div><\/figure>\n\n<h4 class="wp-block-heading" id="vk-htags-5144d950-bc4d-4587-992b-2379b912aa76">Add submenu<\/h4>\n\n<p class="wp-block-paragraph">Add a submenu to the admin menu you added using <strong><span data-color="#fcb900" style="background: linear-gradient(transparent 60%,rgba(252, 185, 0, 0.7) 0);" class="vk_highlighter">add_submenu_page<\/span><\/strong>().<\/p>\n\n<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP" data-line="2"><code><?php\nadd_submenu_page(\n 'top_menu_sample' ,\n '\u30b5\u30d6\u30e1\u30cb\u30e5\u30fc\u30bf\u30a4\u30c8\u30eb' ,\n '\u30b5\u30d6\u30e1\u30cb\u30e5\u30fc\u30b5\u30f3\u30d7\u30eb' ,\n 'manage_options' ,\n 'sub_menu_sample' ,\n 'render_submenu_contents'\n);\n\nfunction render_submenu_contents() {\n ?>\n <div class="wrap">\n <h1>\u30b5\u30d6\u30e1\u30cb\u30e5\u30fc\u8a2d\u5b9a<\/h1>\n <p>Hello admin SUB menu !!<\/p>\n <\/div>\n <?php\n}<\/code><\/pre><\/div>\n\n<p class="wp-block-paragraph"><\/p>\n\n<p class="wp-block-paragraph">Now let's look at the specifications of <strong><span data-color="#fcb900" style="background: linear-gradient(transparent 60%,rgba(252, 185, 0, 0.7) 0);" class="vk_highlighter">add_submenu_page<\/span><\/strong>().<\/p>\n\n<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent has-text-color has-vivid-cyan-blue-color is-style-vk_borderBox-style-solid-kado-tit-banner"><div class="vk_borderBox_title_container has-background has-vivid-cyan-blue-background-color"><i class=""><\/i><h4 class="vk_borderBox_title"><span data-color="#fcb900" style="background: linear-gradient(transparent 60%,rgba(252, 185, 0, 0.7) 0);" class="vk_highlighter"><strong>add_submenu_page<\/strong><\/span>()\u306e\u5f15\u6570<\/h4><\/div><div class="vk_borderBox_body">\n<ul class="wp-block-list">\n<li>$parent_slug (<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color">required<\/mark><\/strong>)<br\/>The parent slug name to embed the submenu in.<\/li>\n\n\n\n<li>$page_title (<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color">required<\/mark><\/strong>)<br\/>Page title of the submenu.<br\/>In this article, it will be displayed as "Test Top Menu" on the left side of the admin console.<\/li>\n\n\n\n<li>$menu_title (<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color">required<\/mark><\/strong>)<br\/>The text to use for the menu title.<br\/>In this article, "Test Top Menu" will be displayed on the left side of the admin console.<\/li>\n\n\n\n<li>$capability (<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color">required<\/mark><\/strong>)<br\/>The capability required to display this menu to the user.<br\/>In this article, we are granting the managed_options capability, which allows access to the administration menu.<\/li>\n\n\n\n<li>$menu_slug (<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>required<\/strong><\/mark>)<br\/>The slug name to refer to this menu.<br\/>It must be unique for this menu page and can only contain lowercase alphanumeric characters, dashes, and underscores. If you specify the character specified in $parent_slug, the submenu screen will default to the top menu.<\/li>\n\n\n\n<li>$function (optional)<br\/>Function called to output the content of this page.<\/li>\n<\/ul>\n\n\n\n<ul class="wp-block-list">\n<li>$hook_suffix<br\/>The prefix for the function that receives the results of processing the pages displayed in this administration menu.<\/li>\n<\/ul>\n<\/div><\/div>\n\n<p class="wp-block-paragraph"><\/p>\n\n<h2 class="wp-block-heading" id="vk-htags-f8e9439b-5baf-4af3-88fe-294762c466d4">Add a submenu to an existing top menu<\/h2>\n\n<p class="wp-block-paragraph">You can add submenus to the existing top menu built into WordPress by specifying the parent slug name in <strong><span data-color="#fcb900" style="background: linear-gradient(transparent 60%,rgba(252, 185, 0, 0.7) 0);" class="vk_highlighter">add_submenu_page<\/span><\/strong>().<\/p>\n\n<figure class="wp-block-image size-large"><img src="https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/02\/wordpress-admin-menu-submenu-ex_01-987x1024.png" alt="" class="wp-image-596"\/><\/figure>\n\n<p class="wp-block-paragraph"><\/p>\n\n<p class="wp-block-paragraph">You can incorporate a submenu into an existing top menu using the source code below.<\/p>\n\n<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP" data-line="5"><code><?php\nadd_action(\n 'admin_menu',\n function(){\n add_submenu_page(\n 'options-general.php', \/\/ \u7d44\u307f\u8fbc\u307f\u306e\u30c8\u30c3\u30d7\u30e1\u30cb\u30e5\u30fc\n '\u30b5\u30d6\u30e1\u30cb\u30e5\u30fc\u30bf\u30a4\u30c8\u30eb' ,\n '\u30b5\u30d6\u30e1\u30cb\u30e5\u30fc\u30b5\u30f3\u30d7\u30eb' , \n 'manage_options' , \n 'sub_menu_sample' ,\n 'render_submenu_contents'\n ); \n }\n);\n \nfunction render_submenu_contents() {\n ?>\n <div class="wrap">\n <h1>\u30b5\u30d6\u30e1\u30cb\u30e5\u30fc\u8a2d\u5b9a<\/h1>\n <p>Hello admin SUB menu !!<\/p>\n <\/div>\n <?php\n}\n<\/code><\/pre><\/div>\n\n<p class="wp-block-paragraph"><\/p>\n\n<p class="wp-block-paragraph">You can change the screen that appears when you click the administration menu to a submenu.<\/p>\n\n<h4 class="wp-block-heading" id="vk-htags-173b294c-ee6c-472e-8fed-f8a01bec39fe">Parent slug name type<\/h4>\n\n<p class="wp-block-paragraph">The above mentioned source code was incorporated into the built-in settings menu.<\/p>\n\n<p class="wp-block-paragraph">You can also add submenus to other built-in menus by changing the parent slug, so please give it a try.<\/p>\n\n<figure class="wp-block-table is-style-vk-table-border-stripes"><table><tbody><tr><td>dashboard<\/td><td>index.php<\/td><\/tr><tr><td>Post<\/td><td>edit.php<\/td><\/tr><tr><td>media<\/td><td>upload.php<\/td><\/tr><tr><td>Fixed page<\/td><td>edit.php?post_type=page<\/td><\/tr><tr><td>comment<\/td><td>edit-comments.php<\/td><\/tr><tr><td>theme<\/td><td>themes.php<\/td><\/tr><tr><td>plugin<\/td><td>plugins.php<\/td><\/tr><tr><td>user<\/td><td>users.php<\/td><\/tr><tr><td>tool<\/td><td>tools.php<\/td><\/tr><tr><td>option<\/td><td>options-general.php<\/td><\/tr><\/tbody><\/table><figcaption class="wp-element-caption">A list of parent slug names<\/figcaption><\/figure>\n\n<h2 class="wp-block-heading" id="vk-htags-5263aeff-2738-4fe6-bd7c-efec23c62477">summary<\/h2>\n\n<p class="wp-block-paragraph">This time, I introduced how to add a submenu to the WordPress admin console. Like the top menu, it requires implementation using PHP, but I think it was easier than you might think.<\/p>\n\n<p class="wp-block-paragraph">From next time, we will be describing more practical methods, such as updating settings on the menu page and downloading data.<\/p>\n\n<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-speech vk_balloon-animation-none"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image vk_balloon_icon_image-type-normal " src="https:\/\/wakatchi.dev\/wp-content\/uploads\/2022\/07\/wakatchi_icon_2.jpg" alt=""\/><figcaption class="vk_balloon_icon_name">\u308f\u304b\u3063\u3061<\/figcaption><\/figure><\/div><div class="vk_balloon_content_outer"><div class="vk_balloon_content has-background-color has-luminous-vivid-amber-background-color vk_balloon_content_fullwidth"><span class="vk_balloon_content_before has-text-color has-luminous-vivid-amber-color"><\/span><span class="vk_balloon_content_after "><\/span>\n<p class="wp-block-paragraph">The purpose of creating an administration menu is to store operational settings and allow site operators to collect data.<\/p>\n<\/div><\/div><\/div>\n\n<p class="wp-block-paragraph"><span style="font-size: 12pt;">I hope this article is of some help.<\/span><\/p>\n\n<p class="wp-block-paragraph"><span style="font-size: 12pt;">Thank you for reading to the end!<\/span><\/p>\n<\/div>
\n

Hello, I'm Wakatchi ( @wakatchi_tech<\/a> )<\/p>\n\n

When running a site developed with WordPress, you may want to save the site's unique settings or change the settings while operating the site.<\/p>\n\n

In the previous article, we introduced how to add a top menu to WordPress.<\/p>\n\n

\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\tWordPress\u306b\u72ec\u81ea\u306e\u7ba1\u7406\u30e1\u30cb\u30e5\u30fc\u3092\u8ffd\u52a0\u3059\u308b\u2460 \u30c8\u30c3\u30d7\u30e1\u30cb\u30e5\u30fc\u306e\u8ffd\u52a0<\/a>\n\t\t\t\t\t\t\t<\/h5>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\u30b5\u30a4\u30c8\u72ec\u81ea\u306e\u8a2d\u5b9a\u306f\u3001WordPress\u306e\u7ba1\u7406\u30e1\u30cb\u30e5\u30fc\u3092\u72ec\u81ea\u306b\u958b\u767a\u3059\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002\u30b5\u30a4\u30c8\u306e\u8a2d\u5b9a\u5024\uff08\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\uff09\u306f\u3001\u30d7\u30e9\u30b0\u30a4\u30f3\u30a8\u30c7\u30a3\u30bf\u306a\u3069\u3092\u4f7f\u3044function.php\u306a\u3069\u306e\u2026\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\u308f\u304b\u3063\u3061\u30a6\u30a9\u30c3\u30c1\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\n<\/div><\/figure>\n\n

In this article, we will show you how to add a submenu in WordPress, following on from the top menu we introduced previously.<\/p>\n\n

<\/i>

\u3053\u306e\u8a18\u4e8b\u306f\u6b21\u306e\u3088\u3046\u306a\u65b9\u306b\u304a\u52e7\u3081\u3067\u3059<\/strong><\/h4><\/div>
\n