如何在 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 管理側邊欄中。

如何新增子選單

如果您想在新的自訂選單下新增 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>在此新增您的產品！

}

//「關於我們」子選單的回呼函數

函數 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 中新增自訂選單和子選單是根據您的方便自訂管理的好方法。

最好的部分是您可以透過幾行程式碼簡單地實現和執行此功能。這將幫助您為自己或您的客戶創建一個更有組織且易於存取的後端。

因此，請徹底遵循這些步驟，您將立即擁有一個自訂的管理面板。如果您對這篇文章有任何疑問或回饋，請在下面的評論部分提及。

拉胡爾

Rahul Kumar 是一位網路愛好者和內容策略師，專門從事 WordPress 和網站託管。憑藉多年的經驗和對了解最新行業趨勢的承諾，他制定了有效的線上策略來增加流量、提高參與度並提高轉換率。拉胡爾對細節的關注以及製作引人入勝的內容的能力使他成為任何希望提高其線上形象的品牌的寶貴資產。