WordPressプラグインにマルチレベルメニュー機能を追加する方法

マルチレベル メニュー機能を WordPress プラグインに追加する方法

WordPress では、プラグインは Web サイトの機能を拡張する重要な部分です。デフォルトでは、WordPress はトップナビゲーションメニューやサイドバーメニューなどのいくつかのメニュー機能を提供します。ただし、場合によっては、ユーザーがプラグインのさまざまな機能にアクセスしやすくするために、カスタムのマルチレベル メニュー機能をプラグインに追加する必要があります。

この記事では、WordPress プラグインにマルチレベルのメニュー機能を追加する方法を説明し、いくつかのコード例を示します。プラグイン開発作業のお役に立てれば幸いです。

ステップ 1: プラグイン メニュー ページの作成

まず、プラグイン メニューとして使用するページを作成する必要があります。 WordPress では、add_menu_page() 関数を呼び出すことでこれを実現できます。

function my_plugin_menu_page() {
    add_menu_page(
        'My Plugin',     // 页面标题
        'My Plugin',     // 菜单标题
        'manage_options', // 用户权限
        'my-plugin',     // 菜单 slug
        'my_plugin_menu_callback', // 页面回调函数
        'dashicons-admin-plugins', // 菜单图标
        99 // 菜单位置
    );
}
add_action( 'admin_menu', 'my_plugin_menu_page' );

上記のコードでは、add_menu_page() 関数を使用して、「My Plugin」という名前のメニュー ページを作成します。パラメータの my_plugin_menu_callback はカスタム ページ コールバック関数で、メニュー ページのコンテンツをレンダリングするために使用されます。

ステップ 2: サブメニュー項目を追加する

マルチレベルのメニュー関数を追加したい場合は、add_submenu_page() 関数を使用して実現できます。サンプル コードは次のとおりです。

function my_plugin_submenu_page() {
    add_submenu_page(
        'my-plugin', // 父菜单 slug
        'Submenu Page', // 子菜单标题
        'Submenu Page', // 页面标题
        'manage_options', // 用户权限
        'my-plugin-submenu', // 子菜单 slug
        'my_plugin_submenu_callback' // 页面回调函数
    );
}
add_action( 'admin_menu', 'my_plugin_submenu_page' );

上記のサンプル コードでは、add_submenu_page() 関数を使用して、「サブメニュー ページ」という名前のサブメニュー項目を作成します。パラメータの my_plugin_submenu_callback は、カスタマイズされたサブメニュー ページのコールバック関数です。

ステップ 3: メニュー ページのコンテンツをカスタマイズする

次に、カスタマイズされたコンテンツをメニュー ページに追加する必要があります。サンプル コードは次のとおりです。

function my_plugin_menu_callback() {
    echo '<h1 id="My-Plugin-Menu">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 id="Submenu-Page">Submenu Page</h1>';
    echo '<p>Welcome to Submenu Page. You can add your content here.</p>';
}

上記のサンプル コードでは、ページ コールバック関数にいくつかの単純な HTML コンテンツを追加しました。メニューページの内容は必要に応じてカスタマイズできます。

ステップ 4: サブメニュー項目をさらに追加する

複数のサブメニュー項目を追加する必要がある場合は、add_submenu_page() 関数を繰り返し呼び出すことができます。

function my_plugin_submenu_page() {
    add_submenu_page(
        'my-plugin', // 父菜单 slug
        'Submenu Page 1', // 子菜单标题
        'Submenu Page 1', // 页面标题
        'manage_options', // 用户权限
        'my-plugin-submenu1', // 子菜单 slug
        'my_plugin_submenu_callback1' // 页面回调函数
    );

    add_submenu_page(
        'my-plugin', // 父菜单 slug
        'Submenu Page 2', // 子菜单标题
        'Submenu Page 2', // 页面标题
        'manage_options', // 用户权限
        'my-plugin-submenu2', // 子菜单 slug
        'my_plugin_submenu_callback2' // 页面回调函数
    );
}

// 页面回调函数
function my_plugin_submenu_callback1() {
    echo '<h1 id="Submenu-Page">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 id="Submenu-Page">Submenu Page 2</h1>';
    echo '<p>Welcome to Submenu Page 2. You can add your content here.</p>';
}

上記のコードでは、add_submenu_page() 関数を使用して 2 つのサブメニュー項目をそれぞれ作成し、それぞれ異なるサブメニューのスラッグとページを指定します。

概要

上記の手順により、WordPress プラグインにマルチレベルのメニュー機能を追加できます。まず、add_menu_page() 関数を使用してプラグイン メニュー ページを作成し、次に add_submenu_page() 関数を使用してサブメニュー項目を追加し、最後に、カスタム ページ コールバック関数。

この記事が、WordPress プラグイン開発におけるマルチレベル メニュー機能の実装に役立つことを願っています。プラグインを開発するときは、ベスト プラクティスとセキュリティ原則に従うようにしてください。

以上がWordPressプラグインにマルチレベルメニュー機能を追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。