{"id":1786,"date":"2023-01-26T17:00:00","date_gmt":"2023-01-26T08:00:00","guid":{"rendered":"https:\/\/wakatchi.dev\/adding-your-own-management-menu-to-wordpress-%e2%91%a0-adding-a-top-menu\/"},"modified":"2025-01-15T18:29:53","modified_gmt":"2025-01-15T09:29:53","slug":"wordpress-admin-dev","status":"publish","type":"post","link":"https:\/\/wakatchi.dev\/en\/wordpress-admin-dev\/","title":{"rendered":"Adding your own management menu to WordPress \u2460 Adding a top menu"},"content":{"rendered":"
\n<p class="wp-block-paragraph"><span style="font-size: 12pt;">Hello, I'm Wakatchi ( <a href="https:\/\/twitter.com\/wakatchi_tech">@wakatchi_tech<\/a> )<\/span><\/p>\n\n\n\n<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right 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\/computer01_boy.png" alt=""\/><figcaption class="vk_balloon_icon_name">\u8cea\u554f\u8005<\/figcaption><\/figure><\/div><div class="vk_balloon_content_outer"><div class="vk_balloon_content has-background-color has-pale-cyan-blue-background-color "><span class="vk_balloon_content_before has-text-color has-pale-cyan-blue-color"><\/span><span class="vk_balloon_content_after "><\/span>\n<p class="wp-block-paragraph">Is there a way to save settings for a blog created with WordPress?<\/p>\n<\/div><\/div><\/div>\n\n\n\n<p class="wp-block-paragraph"><span style="font-size: 12pt;">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.<\/span><\/p>\n\n\n\n<p class="wp-block-paragraph"><span style="font-size: 12pt;"><span class="marker-halfYellow"><span data-color="#fcb900" style="background: linear-gradient(transparent 60%,rgba(252, 185, 0, 0.7) 0);" class="vk_highlighter"><strong>For site-specific settings, we recommend developing your own WordPress admin menu.<\/strong><\/span><\/span> Site setting values (parameters) can be changed by modifying the source code such as function.php using a plugin editor. However, if the source code is under version control or if the site operator is not good at coding, constant changes to the source code may not be healthy.<\/span><\/p>\n\n\n\n<p class="wp-block-paragraph"><span style="font-size: 12pt;">You can easily create an admin menu by simply calling functions provided by WordPress. Also, unlike the front-end screen that is open to site users, the management menu does not require much design, as a simple screen for site operators is sufficient.<\/span><\/p>\n\n\n\n<p class="wp-block-paragraph"><span style="font-size: 12pt;">In this article, we will show you how to add your own admin menu to WordPress.<\/span><\/p>\n\n\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><strong>This article is recommended for <\/strong><\/strong><\/h4><\/div><div class="vk_borderBox_body">\n<ul class="is-style-vk-handpoint-mark wp-block-list">\n<li>WordPress site developers who want to configure the entire site from the WordPress admin screen<\/li>\n\n\n\n<li>WordPress theme and plugin developer<\/li>\n<\/ul>\n<\/div><\/div>\n\n\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">\u76ee\u6b21<\/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-79b237a7-b178-4458-b0ac-11830888f763" class="vk_tableOfContents_list_item_link">\n\t\t\t\t\t\t<span class="vk_tableOfContents_list_item_link_preNumber">1. <\/span>\n\t\t\t\t\t\tCode the WordPress admin menu with PHP\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-72e0cca3-da51-436f-88f5-8a7499bd92cb" class="vk_tableOfContents_list_item_link">\n\t\t\t\t\t\t<span class="vk_tableOfContents_list_item_link_preNumber">2. <\/span>\n\t\t\t\t\t\tAdd an admin menu 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-52d904d7-fa2e-4749-a6a3-5cc413a37a3d" class="vk_tableOfContents_list_item_link">\n\t\t\t\t\t\t<span class="vk_tableOfContents_list_item_link_preNumber">2.1. <\/span>\n\t\t\t\t\t\tAdd 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-2">\n\t\t\t\t\t<a href="#vk-htags-d3983128-cd7b-4079-b393-498f6f66e2bb" class="vk_tableOfContents_list_item_link">\n\t\t\t\t\t\t<span class="vk_tableOfContents_list_item_link_preNumber">3. <\/span>\n\t\t\t\t\t\tsummary\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t<\/ul><\/div><\/div>\n\n\n\n<h2 class="wp-block-heading" id="vk-htags-79b237a7-b178-4458-b0ac-11830888f763">Code the WordPress admin menu with PHP<\/h2>\n\n\n<div class="wp-block-image">\n<figure class="aligncenter size-full is-resized"><img src="https:\/\/wakatchi.dev\/wp-content\/uploads\/2025\/01\/ben-griffiths-bj6enzdmsdy-unsplash-scaled.jpeg" alt="" class="wp-image-1782" style="width:835px;height:auto"\/><\/figure>\n<\/div>\n\n\n<p class="wp-block-paragraph"><span style="font-size: 12pt;">WordPress admin menus are coded in PHP using functions provided by WordPress. After a quick look, there aren't any plugins that allow you to flexibly configure the WordPress admin menu without any coding.<\/span><\/p>\n\n\n\n<p class="wp-block-paragraph"><span style="font-size: 12pt;">Using the admin menu is useful not only when developing WordPress themes and plugins, but also when developing a single site. As mentioned above, settings related to site operation can be written in source code, such as function.php, but <span data-color="#fcb900" style="background: linear-gradient(transparent 60%,rgba(252, 185, 0, 0.7) 0);" class="vk_highlighter"><strong><span class="marker-halfRed">it is not healthy to constantly change settings related to site behavior in source code<\/span><\/strong><\/span>. Source code and configuration values should be separated.<\/span><\/p>\n\n\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 key to deciding whether to develop a management menu is who (developer? operator?) will be changing the site settings.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<p class="wp-block-paragraph">Add the admin menu to WordPress using <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-black-color"><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><\/mark>(). Let's take a closer look here.<\/p>\n\n\n\n<h2 class="wp-block-heading" id="vk-htags-72e0cca3-da51-436f-88f5-8a7499bd92cb">Add an admin menu to WordPress<\/h2>\n\n\n\n<p class="wp-block-paragraph">The WordPress admin menu is the user interface displayed on the WordPress admin screen. You can add themes, plugins, and optional pages for your site.<\/p>\n\n\n\n<p class="wp-block-paragraph">The management menu has a top menu and submenus. Whether to use the top menu or a submenu is decided based on the characteristics of the plug-in and the needs of the user. Adding a top menu will give you your own top menu on the left side of the WordPress admin console. If you only add a submenu, the existing top menu will have its own submenu.<\/p>\n\n\n\n<p class="wp-block-paragraph">In this article, we will introduce a sample that adds a management menu called "Test Top Menu" to the WordPress management console and displays a screen called "Test Option Settings" as shown below.<\/p>\n\n\n\n<div class="wp-block-vk-blocks-alert vk_alert alert alert-info has-alert-icon"><div class="vk_alert_icon"><div class="vk_alert_icon_icon"><i class="fa-solid fa-circle-info" aria-hidden="true"><\/i><\/div><div class="vk_alert_icon_text"><span>Information<\/span><\/div><\/div><div class="vk_alert_content">\n<p class="wp-block-paragraph">Here is a screenshot of the WordPress Dashboard (in Japanese). However, for multilingual purposes, the following Japanese text has been translated as follows:<\/p>\n\n\n\n<ul class="wp-block-list">\n<li>\u7ba1\u7406\u30e1\u30cb\u30e5\u30fc\u30bf\u30a4\u30c8\u30eb \u2192 admin menu title<\/li>\n\n\n\n<li>\u30c6\u30b9\u30c8\u7528\u30c8\u30c3\u30d7\u30e1\u30cb\u30e5\u30fc \u2192 Test Top Menu<\/li>\n\n\n\n<li>\u30c6\u30b9\u30c8\u7528\u30aa\u30d7\u30b7\u30e7\u30f3\u8a2d\u5b9a \u2192 Test Option Settings<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<figure class="wp-block-image"><img src="https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/01\/wordpress-admin-menu-top-menu-ex_01.png" alt="" class="wp-image-527"\/><\/figure>\n\n\n\n<p class="wp-block-paragraph">The above screen can be incorporated into WordPress using the source code below.<\/p>\n\n\n\n<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code><?php\nadd_action('admin_menu', function(){\n\tadd_menu_page(\n\t\t'admin menu title'\n\t\t, 'Test Top Menu'\n\t\t, 'manage_options' \n\t\t, 'test_top_menu' \n\t\t, 'test_menu_contents'\n\t\t, 'dashicons-calendar'\n\t\t,0\n\t);\n});\n\nfunction test_menu_contents() {\n \t\/\/ your HTML output code\n}<\/code><\/pre><\/div>\n\n\n\n<pre class="wp-block-code"><code>\n<\/code><\/pre>\n\n\n\n<h3 class="wp-block-heading" id="vk-htags-52d904d7-fa2e-4749-a6a3-5cc413a37a3d">Add top menu<\/h3>\n\n\n\n<p class="wp-block-paragraph">Add the function that adds the admin menu to the WordPress top menu to the action hook name <span data-color="#f78da7" style="background: linear-gradient(transparent 60%,rgba(247, 141, 167, 0.7) 0);" class="vk_highlighter"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-black-color"><strong><span class="marker-thickGray" style="color: #ff0000;">admin_menu<\/span><\/strong><\/mark><\/span> using <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-black-color"><span data-color="#fcb900" style="background: linear-gradient(transparent 60%,rgba(252, 185, 0, 0.7) 0);" class="vk_highlighter"><strong><span class="marker-thickGray" style="color: #ff0000;">add_action<\/span><\/strong><\/span><\/mark>().<\/p>\n\n\n\n<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code>add_action('admin_menu', function(){\n \/\/ your code\n});<\/code><\/pre><\/div>\n\n\n\n<pre class="wp-block-code"><code>\n<\/code><\/pre>\n\n\n\n<p class="wp-block-paragraph">Furthermore, implement the function to add an admin menu using <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-black-color"><span data-color="#fcb900" style="background: linear-gradient(transparent 60%,rgba(252, 185, 0, 0.7) 0);" class="vk_highlighter"><span class="marker-halfGray" style="color: #ff0000;"><strong>add_menu_page<\/strong><\/span><\/span><\/mark>().<\/p>\n\n\n\n<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code>$hook = add_menu_page(\n string $page_title,\n string $menu_title,\n string $capability,\n string $menu_slug,\n callable $function = '',\n string $icon_url = '',\n int $position = null\n);<\/code><\/pre><\/div>\n\n\n\n<pre class="wp-block-code"><code>\n\u305d\u308c\u3067\u306f<strong><span class="marker-halfGray" style="color: #ff0000;"><span data-color="#fcb900" style="background: linear-gradient(transparent 60%,rgba(252, 185, 0, 0.7) 0);" class="vk_highlighter"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-black-color">add_menu_page<\/mark><\/span><\/span>()<\/strong>\u306e\u5f15\u6570\u3092\u307f\u3066\u307f\u307e\u3057\u3087\u3046\u3002\n<\/code><\/pre>\n\n\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">add_menu_page()\u306e\u5f15\u6570<\/h4><\/div><div class="vk_borderBox_body">\n<ul class="wp-block-list">\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>The text that appears in the page's title tag when the menu is selected.<\/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>Text used for the menu title.<br>In the sample in this article, "Test Top Menu" is displayed on the left side of the WordPress management 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>Permissions required to display this menu to users.<br>The sample in this article grants the managed_options permission, which allows access to the management menu.<\/li>\n\n\n\n<li>$menu_slug (<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color">required<\/mark><\/strong>)<br>Slug name to refer to this menu.<br>Must be unique for this menu page. Additionally, only lowercase alphanumeric characters, dashes, and underscore characters are allowed.<\/li>\n\n\n\n<li>$function (optional)<br>Function called to output the content of this page.<\/li>\n\n\n\n<li>$icon_url (optional)<br>URL to the icon used for this menu.<br>Pass the URL to the icon included in the plugin using the <a href="https:\/\/developer.wordpress.org\/reference\/functions\/plugins_url\/">plugins_url<\/a> function.<br>You can also use <a href="https:\/\/developer.wordpress.org\/resource\/dashicons\/">Dashicons<\/a> font icons. The sample in this article uses the calendar icon dashicons-calendar.<\/li>\n\n\n\n<li>$position (optional)<br>The position in the menu order in which this item appears.<br>By default it is at the bottom of the admin menu structure. In the sample of this article, it is specified and displayed at the top. Please refer to the following to determine where to place it in the menu structure.\n<ul class="wp-block-list">\n<li>2 \u2013 Dashboard<\/li>\n\n\n\n<li>4 \u2013 Separator<\/li>\n\n\n\n<li>5 \u2013 Post<\/li>\n\n\n\n<li>10 \u2013 Media<\/li>\n\n\n\n<li>15 \u2013 Link<\/li>\n\n\n\n<li>20 \u2013 Page<\/li>\n\n\n\n<li>25 \u2013 Comments<\/li>\n\n\n\n<li>59 \u2013 Separator<\/li>\n\n\n\n<li>60 \u2013 Appearance<\/li>\n\n\n\n<li>65 \u2013 Plugins<\/li>\n\n\n\n<li>70 \u2013 User<\/li>\n\n\n\n<li>75 \u2013 Tools<\/li>\n\n\n\n<li>80 \u2013 Settings<\/li>\n\n\n\n<li>99 \u2013 Separator<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>$hook_suffix (optional)<br>Prefix of the function that receives the processing results of the page displayed in this management menu.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<p class="wp-block-paragraph">Implement a function to generate the page displayed in the top menu. In the sample in this article, only the title and a simple string are displayed.<\/p>\n\n\n\n<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code><?php\nadd_menu_page(\n\t'admin menu title'\n\t, 'Test Top Menu'\n\t, 'manage_options' \n\t, 'test_top_menu' \n\t, 'test_menu_contents'\n\t, plugins_url(\u3000'myplugin\/assets\/icon.png') \n\t,0\n\t);\n\nfunction test_menu_contents() {\n\t\t?>\n\t<div class="wrap">\n\t\t<h1>Test Option Settings<\/h1>\n\t\t<p>Hello admin menu !!<\/p>\n\t<\/div>\n\t<?php\n}<\/code><\/pre><\/div>\n\n\n\n<pre class="wp-block-code"><code>\n<\/code><\/pre>\n\n\n\n<h2 class="wp-block-heading" id="vk-htags-d3983128-cd7b-4079-b393-498f6f66e2bb">summary<\/h2>\n\n\n\n<p class="wp-block-paragraph"><span style="font-size: 12pt;">This time, we introduced how to add an admin menu to the WordPress admin console. It requires implementation using PHP, but I think you'll find it easier than you expected.<\/span><\/p>\n\n\n\n<p class="wp-block-paragraph"><span style="font-size: 12pt;">Since the management menu is a simple screen for site operators<\/span>, it is better to focus on functionality rather than design.<\/p>\n\n\n\n<p class="wp-block-paragraph">In Parts 2 to 4, we will introduce how to create submenus and management screens, how to update settings, etc., so please take a look.<\/p>\n\n\n\n<div class="wp-block-vk-blocks-select-post-list vk_posts vk_posts-postType-post vk_posts-layout-media vk_postList"><div id="post-422" class="vk_post vk_post-postType-post media vk_post-col-xs-12 vk_post-col-sm-12 vk_post-col-md-6 vk_post-col-lg-6 vk_post-col-xl-6 vk_post-col-xxl-6 post-1786 post type-post status-publish format-standard has-post-thumbnail hentry tag-php tag-for-beginners tag-wordpress-management"><div class="vk_post_imgOuter media-img" style="background-image:url(https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu2-1024x683.jpg)"><a href="https:\/\/wakatchi.dev\/wordpress-admin-submenu\/"><img width="300" height="200" src="https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu2-300x200.jpg" class="vk_post_imgOuter_img wp-post-image" alt="" srcset="https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu2-300x200.jpg 300w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu2-600x400.jpg 600w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu2-1024x683.jpg 1024w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu2-768x512.jpg 768w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu2-1536x1024.jpg 1536w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu2.jpg 1920w" sizes="(max-width: 300px) 100vw, 300px" \/><\/a><\/div><!-- [ \/.vk_post_imgOuter ] --><div class="vk_post_body media-body"><h5 class="vk_post_title media-title"><a href="https:\/\/wakatchi.dev\/wordpress-admin-submenu\/">WordPress\u306b\u72ec\u81ea\u306e\u30b5\u30d6\u30e1\u30cb\u30e5\u30fc\u306e\u8ffd\u52a0\u3059\u308b<\/a><\/h5><div class="vk_post_date media-date published">2023\u5e7410\u670820\u65e5<\/div><\/div><!-- [ \/.media-body ] --><\/div><!-- [ \/.media ] -->\n\n<div id="post-563" class="vk_post vk_post-postType-post media vk_post-col-xs-12 vk_post-col-sm-12 vk_post-col-md-6 vk_post-col-lg-6 vk_post-col-xl-6 vk_post-col-xxl-6 post-1786 post type-post status-publish format-standard has-post-thumbnail hentry tag-php tag-for-beginners tag-wordpress-management"><div class="vk_post_imgOuter media-img" style="background-image:url(https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu3-1024x683.jpg)"><a href="https:\/\/wakatchi.dev\/wordpress-admin-settings-api\/"><img width="300" height="200" src="https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu3-300x200.jpg" class="vk_post_imgOuter_img wp-post-image" alt="" srcset="https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu3-300x200.jpg 300w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu3-600x400.jpg 600w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu3-1024x683.jpg 1024w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu3-768x512.jpg 768w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu3-1536x1024.jpg 1536w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu3.jpg 1920w" sizes="(max-width: 300px) 100vw, 300px" \/><\/a><\/div><!-- [ \/.vk_post_imgOuter ] --><div class="vk_post_body media-body"><h5 class="vk_post_title media-title"><a href="https:\/\/wakatchi.dev\/wordpress-admin-settings-api\/">WordPress\u306b\u5024\u3092\u8a2d\u5b9a\u3059\u308b\u72ec\u81ea\u306e\u7ba1\u7406\u30e1\u30cb\u30e5\u30fc\u3092\u8ffd\u52a0\u3059\u308b<\/a><\/h5><div class="vk_post_date media-date published">2023\u5e7410\u670825\u65e5<\/div><\/div><!-- [ \/.media-body ] --><\/div><!-- [ \/.media ] -->\n\n<div id="post-565" class="vk_post vk_post-postType-post media vk_post-col-xs-12 vk_post-col-sm-12 vk_post-col-md-6 vk_post-col-lg-6 vk_post-col-xl-6 vk_post-col-xxl-6 post-1786 post type-post status-publish format-standard has-post-thumbnail hentry tag-php tag-for-beginners tag-wordpress-management"><div class="vk_post_imgOuter media-img" style="background-image:url(https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu4-1024x683.jpg)"><a href="https:\/\/wakatchi.dev\/wordpress-admin-data-download\/"><img width="300" height="200" src="https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu4-300x200.jpg" class="vk_post_imgOuter_img wp-post-image" alt="" srcset="https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu4-300x200.jpg 300w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu4-600x400.jpg 600w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu4-1024x683.jpg 1024w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu4-768x512.jpg 768w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu4-1536x1024.jpg 1536w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/wordpress-admin-menu4.jpg 1920w" sizes="(max-width: 300px) 100vw, 300px" \/><\/a><\/div><!-- [ \/.vk_post_imgOuter ] --><div class="vk_post_body media-body"><h5 class="vk_post_title media-title"><a href="https:\/\/wakatchi.dev\/wordpress-admin-data-download\/">WordPress\u306b\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3059\u308b\u72ec\u81ea\u306e\u7ba1\u7406\u30e1\u30cb\u30e5\u30fc\u3092\u8ffd\u52a0\u3059\u308b<\/a><\/h5><div class="vk_post_date media-date published">2023\u5e7410\u670827\u65e5<\/div><\/div><!-- [ \/.media-body ] --><\/div><!-- [ \/.media ] --><\/div>\n\n\n\n<p class="wp-block-paragraph"><span style="font-size: 12pt;">The official website for WordPress developers introduces how to develop a management menu for the plugin handbook. Please refer to this article as well.<\/span><\/p>\n\n\n\n<figure class="wp-block-embed is-type-wp-embed is-provider-wordpress-developer-resources wp-block-embed-wordpress-developer-resources"><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:\/\/developer.wordpress.org\/plugins\/administration-menus\/">Administration Menus \u2013 Plugin Handbook | Developer.WordPress.org<\/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\tAdministration Menus are the interfaces displayed in WordPress Administration. They allow you to add option pages for your plugin. Top-Level…\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="http:\/\/developer.wordpress.org">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading="lazy" src="https:\/\/s.w.org\/favicon.ico?2" width="16" height="16" alt="" >\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tWordPress Developer Resources\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:\/\/developer.wordpress.org\/plugins\/administration-menus\/" class="blog-card-image-frame">\n\t\t\t\t\t\t\t<img class="blog-card-image-src" src="https:\/\/developer.wordpress.org\/wp-content\/themes\/wporg-developer-2023\/images\/opengraph-image.png" 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\n\n<p class="wp-block-paragraph"><span style="font-size: 12pt;">I hope this article is of some help.<\/span><\/p>\n\n\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> )<\/span><\/p>\n\n\n\n

\"\"
\u8cea\u554f\u8005<\/figcaption><\/figure><\/div>
<\/span><\/span>\n

Is there a way to save settings for a blog created with WordPress?<\/p>\n<\/div><\/div><\/div>\n\n\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.<\/span><\/p>\n\n\n\n

For site-specific settings, we recommend developing your own WordPress admin menu.<\/strong><\/span><\/span> Site setting values (parameters) can be changed by modifying the source code such as function.php using a plugin editor. However, if the source code is under version control or if the site operator is not good at coding, constant changes to the source code may not be healthy.<\/span><\/p>\n\n\n\n

You can easily create an admin menu by simply calling functions provided by WordPress. Also, unlike the front-end screen that is open to site users, the management menu does not require much design, as a simple screen for site operators is sufficient.<\/span><\/p>\n\n\n\n

In this article, we will show you how to add your own admin menu to WordPress.<\/span><\/p>\n\n\n\n

<\/i>

This article is recommended for <\/strong><\/strong><\/h4><\/div>
\n