{"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":"2026-08-17T20:57:05","modified_gmt":"2026-08-17T11:57:05","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":"<div class=\"gfmr-markdown-container\"><div class=\"gfmr-markdown-rendered\">\n<p class=\"wp-block-paragraph\">Hello, I'm Wakatchi ( <a href=\"https:\/\/twitter.com\/wakatchi_tech\" target=\"_blank\" rel=\"noopener\">@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\tWordPress \u306e\u7ba1\u7406\u753b\u9762\u306b\u72ec\u81ea\u306e\u30c8\u30c3\u30d7\u30e1\u30cb\u30e5\u30fc\u3092\u8ffd\u52a0\u3059\u308b\u65b9\u6cd5\u3092\u3001add_menu_page() \u306e\u5f15\u6570\u30fb\u30a2\u30a4\u30b3\u30f3\u30fb\u8868\u793a\u4f4d\u7f6e\u306e\u6c7a\u3081\u65b9\u307e\u3067\u30b3\u30fc\u30c9\u4ed8\u304d\u3067\u89e3\u8aac\u3057\u307e\u3059\u3002add_submenu_page \u3068\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 decoding=\"async\" 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 decoding=\"async\" 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 loading=\"lazy\" decoding=\"async\" width=\"962\" height=\"676\" src=\"https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/02\/e8b22e1c2763a78ffba3cc29b12f4d1f.png\" alt=\"\" class=\"wp-image-576\" srcset=\"https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/02\/e8b22e1c2763a78ffba3cc29b12f4d1f.png 962w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/02\/e8b22e1c2763a78ffba3cc29b12f4d1f-600x422.png 600w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/02\/e8b22e1c2763a78ffba3cc29b12f4d1f-300x211.png 300w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/02\/e8b22e1c2763a78ffba3cc29b12f4d1f-768x540.png 768w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/02\/e8b22e1c2763a78ffba3cc29b12f4d1f-375x264.png 375w\" sizes=\"auto, (max-width: 962px) 100vw, 962px\" \/><\/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\/\" target=\"_blank\" rel=\"noopener\">Code Snippets plugin<\/a>.<\/p>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>&lt;?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    ?&gt;\n        &lt;div class=\"wrap\"&gt;\n            &lt;h1&gt;\u30c8\u30c3\u30d7\u30e1\u30cb\u30e5\u30fc\u8a2d\u5b9a&lt;\/h1&gt;\n            &lt;p&gt;Hello admin TOP menu !!&lt;\/p&gt;\n        &lt;\/div&gt;\n    &lt;?php\n}\n\nfunction render_submenu_contents() {\n    ?&gt;\n        &lt;div class=\"wrap\"&gt;\n            &lt;h1&gt;\u30b5\u30d6\u30e1\u30cb\u30e5\u30fc\u8a2d\u5b9a&lt;\/h1&gt;\n            &lt;p&gt;Hello admin SUB menu !!&lt;\/p&gt;\n        &lt;\/div&gt;\n    &lt;?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>&lt;?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>&lt;?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    ?&gt;\n        &lt;div class=\"wrap\"&gt;\n            &lt;h1&gt;\u30c8\u30c3\u30d7\u30e1\u30cb\u30e5\u30fc\u8a2d\u5b9a&lt;\/h1&gt;\n            &lt;p&gt;Hello admin TOP menu !!&lt;\/p&gt;\n        &lt;\/div&gt;\n    &lt;?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\tWordPress \u306e\u7ba1\u7406\u753b\u9762\u306b\u72ec\u81ea\u306e\u30c8\u30c3\u30d7\u30e1\u30cb\u30e5\u30fc\u3092\u8ffd\u52a0\u3059\u308b\u65b9\u6cd5\u3092\u3001add_menu_page() \u306e\u5f15\u6570\u30fb\u30a2\u30a4\u30b3\u30f3\u30fb\u8868\u793a\u4f4d\u7f6e\u306e\u6c7a\u3081\u65b9\u307e\u3067\u30b3\u30fc\u30c9\u4ed8\u304d\u3067\u89e3\u8aac\u3057\u307e\u3059\u3002add_submenu_page \u3068\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 decoding=\"async\" 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 decoding=\"async\" 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>&lt;?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    ?&gt;\n        &lt;div class=\"wrap\"&gt;\n            &lt;h1&gt;\u30b5\u30d6\u30e1\u30cb\u30e5\u30fc\u8a2d\u5b9a&lt;\/h1&gt;\n            &lt;p&gt;Hello admin SUB menu !!&lt;\/p&gt;\n        &lt;\/div&gt;\n    &lt;?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 loading=\"lazy\" decoding=\"async\" width=\"987\" height=\"1024\" src=\"https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/02\/wordpress-admin-menu-submenu-ex_01-987x1024.png\" alt=\"\" class=\"wp-image-596\" srcset=\"https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/02\/wordpress-admin-menu-submenu-ex_01-987x1024.png 987w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/02\/wordpress-admin-menu-submenu-ex_01-600x622.png 600w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/02\/wordpress-admin-menu-submenu-ex_01-289x300.png 289w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/02\/wordpress-admin-menu-submenu-ex_01-768x796.png 768w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/02\/wordpress-admin-menu-submenu-ex_01-375x389.png 375w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/02\/wordpress-admin-menu-submenu-ex_01-1280x1327.png 1280w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/02\/wordpress-admin-menu-submenu-ex_01.png 1352w\" sizes=\"auto, (max-width: 987px) 100vw, 987px\" \/><\/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>&lt;?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    ?&gt;\n        &lt;div class=\"wrap\"&gt;\n            &lt;h1&gt;\u30b5\u30d6\u30e1\u30cb\u30e5\u30fc\u8a2d\u5b9a&lt;\/h1&gt;\n            &lt;p&gt;Hello admin SUB menu !!&lt;\/p&gt;\n        &lt;\/div&gt;\n    &lt;?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 decoding=\"async\" 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><\/div>","protected":false},"excerpt":{"rendered":"<p>Hello, I'm Wakatchi ( @wakatchi_tech ) 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. In the previous article, we introduced how to add a top menu to WordPress. In this article, we will show you how to add a submenu in WordPress, following on from the top menu we introduced previously. Adding a new submenu to WordPress 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. You can embed a submenu [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1517,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wpai_generated_summary":"","_gfmr_meta_descriptions":[],"_gfmr_multilingual_taxonomy_terms":[],"_veu_custom_css":"","vkexunit_cta_each_option":"","_lightning_design_setting":[],"header_top_description":"","footnotes":""},"categories":[474],"tags":[110,111],"class_list":["post-2183","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-dev-en","tag-for-beginners","tag-wordpress-management"],"veu_head_title_object":{"title":"","add_site_title":""},"_links":{"self":[{"href":"https:\/\/wakatchi.dev\/en\/wp-json\/wp\/v2\/posts\/2183","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wakatchi.dev\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wakatchi.dev\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wakatchi.dev\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wakatchi.dev\/en\/wp-json\/wp\/v2\/comments?post=2183"}],"version-history":[{"count":4,"href":"https:\/\/wakatchi.dev\/en\/wp-json\/wp\/v2\/posts\/2183\/revisions"}],"predecessor-version":[{"id":3070,"href":"https:\/\/wakatchi.dev\/en\/wp-json\/wp\/v2\/posts\/2183\/revisions\/3070"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wakatchi.dev\/en\/wp-json\/wp\/v2\/media\/1517"}],"wp:attachment":[{"href":"https:\/\/wakatchi.dev\/en\/wp-json\/wp\/v2\/media?parent=2183"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wakatchi.dev\/en\/wp-json\/wp\/v2\/categories?post=2183"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wakatchi.dev\/en\/wp-json\/wp\/v2\/tags?post=2183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}