如何為WordPress外掛程式新增多層選單功能

在 WordPress 中，外掛程式是擴充網(wǎng)站功能的重要組成部分。預(yù)設(shè)情況下，WordPress 提供了一些選單功能，例如頂部導(dǎo)覽功能表和側(cè)邊欄選單。但是，有時候我們需要在自己的插件中添加自訂的多層選單功能，以方便用戶存取插件的各種功能。

本文將教你如何為 WordPress 外掛程式添加多層選單功能，並提供一些程式碼範(fàn)例。希望能對你的外掛開發(fā)工作有所幫助。

步驟一：建立外掛選單頁面

首先，我們需要建立一個用作外掛選單的頁面。在 WordPress 中，可以透過呼叫 add_menu_page() 函數(shù)來實現(xiàn)。

function my_plugin_menu_page() {
    add_menu_page(
        'My Plugin',     // 頁面標題
        'My Plugin',     // 菜單標題
        'manage_options', // 用戶權(quán)限
        'my-plugin',     // 菜單 slug
        'my_plugin_menu_callback', // 頁面回調(diào)函數(shù)
        'dashicons-admin-plugins', // 菜單圖標
        99 // 菜單位置
    );
}
add_action( 'admin_menu', 'my_plugin_menu_page' );

在上面的程式碼中，我們使用 add_menu_page() 函數(shù)建立了一個名為 "My Plugin" 的選單頁面。參數(shù)中的 my_plugin_menu_callback 是我們自訂的頁面回呼函數(shù)，用來渲染選單頁面的內(nèi)容。

步驟二：新增子選單項目

如果我們想要新增多層選單功能，可以使用 add_submenu_page() 函數(shù)來實作。下面是一個範(fàn)例程式碼：

function my_plugin_submenu_page() {
    add_submenu_page(
        'my-plugin', // 父菜單 slug
        'Submenu Page', // 子菜單標題
        'Submenu Page', // 頁面標題
        'manage_options', // 用戶權(quán)限
        'my-plugin-submenu', // 子菜單 slug
        'my_plugin_submenu_callback' // 頁面回調(diào)函數(shù)
    );
}
add_action( 'admin_menu', 'my_plugin_submenu_page' );

在上面的範(fàn)例程式碼中，我們使用 add_submenu_page() 函數(shù)建立了一個名為 "Submenu Page" 的子選單項目。參數(shù)中的 my_plugin_submenu_callback 是我們自訂的子選單頁面回呼函數(shù)。

步驟三：自訂選單頁面的內(nèi)容

現(xiàn)在，我們需要為選單頁面新增自訂的內(nèi)容。以下是一個範(fàn)例程式碼：

function my_plugin_menu_callback() {
    echo '<h1>My Plugin Menu</h1>';
    echo '<p>Welcome to My Plugin Menu. You can add your content here.</p>';
}

function my_plugin_submenu_callback() {
    echo '<h1>Submenu Page</h1>';
    echo '<p>Welcome to Submenu Page. You can add your content here.</p>';
}

在上面的範(fàn)例程式碼中，我們在頁面回呼函數(shù)中加入了一些簡單的 HTML 內(nèi)容。你可以根據(jù)自己的需求來自訂選單頁面的內(nèi)容。

步驟四：新增更多子選單項目

如果我們需要新增多個子選單項，可以重複呼叫 add_submenu_page() 函數(shù)。以下是一個範(fàn)例程式碼：

function my_plugin_submenu_page() {
    add_submenu_page(
        'my-plugin', // 父菜單 slug
        'Submenu Page 1', // 子菜單標題
        'Submenu Page 1', // 頁面標題
        'manage_options', // 用戶權(quán)限
        'my-plugin-submenu1', // 子菜單 slug
        'my_plugin_submenu_callback1' // 頁面回調(diào)函數(shù)
    );

    add_submenu_page(
        'my-plugin', // 父菜單 slug
        'Submenu Page 2', // 子菜單標題
        'Submenu Page 2', // 頁面標題
        'manage_options', // 用戶權(quán)限
        'my-plugin-submenu2', // 子菜單 slug
        'my_plugin_submenu_callback2' // 頁面回調(diào)函數(shù)
    );
}

// 頁面回調(diào)函數(shù)
function my_plugin_submenu_callback1() {
    echo '<h1>Submenu Page 1</h1>';
    echo '<p>Welcome to Submenu Page 1. You can add your content here.</p>';
}

function my_plugin_submenu_callback2() {
    echo '<h1>Submenu Page 2</h1>';
    echo '<p>Welcome to Submenu Page 2. You can add your content here.</p>';
}

在上面的程式碼中，我們使用add_submenu_page() 函數(shù)分別建立了兩個子選單項目，並分別指定了不同的子選單slug 和頁面回調(diào)函數(shù)。

總結(jié)

透過上述步驟，我們可以為 WordPress 外掛程式新增多層選單功能。首先，透過add_menu_page() 函數(shù)建立外掛程式選單頁面；然後，透過add_submenu_page() 函數(shù)新增子選單項目；最後，透過自訂的頁面回呼函數(shù)為選單頁面新增內(nèi)容。

希望這篇文章能幫助你在 WordPress 外掛開發(fā)中實現(xiàn)多層選單功能。記得在開發(fā)外掛時，遵循最佳實務(wù)和安全性原則。

以上是如何為WordPress外掛新增多層選單功能的詳細內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！