So fügen Sie dem WordPress-Plugin mehrstufige Menüfunktionen hinzu-WordDrücken Sie-php.cn

So fügen Sie dem WordPress-Plugin mehrstufige Menüfunktionen hinzu

王林

Freigeben： 2023-09-05 13:06:15

Original

733 Leute haben es durchsucht

So fügen Sie dem WordPress-Plugin mehrstufige Menüfunktionen hinzu

So fügen Sie mehrstufige Menüfunktionen zu WordPress-Plugins hinzu

In WordPress sind Plugins ein wichtiger Bestandteil der Erweiterung der Website-Funktionalität. Standardmäßig bietet WordPress einige Menüfunktionen wie das obere Navigationsmenü und das Seitenleistenmenü. Manchmal müssen wir jedoch benutzerdefinierte mehrstufige Menüfunktionen zu unseren Plug-Ins hinzufügen, um Benutzern den Zugriff auf verschiedene Funktionen des Plug-Ins zu erleichtern.

In diesem Artikel erfahren Sie, wie Sie mehrstufige Menüfunktionen zu WordPress-Plugins hinzufügen und einige Codebeispiele bereitstellen. Ich hoffe, dass es für Ihre Plug-in-Entwicklungsarbeit hilfreich sein wird.

Schritt 1: Erstellen Sie die Plugin-Menüseite

Zuerst müssen wir eine Seite erstellen, die als Plugin-Menü dient. In WordPress kann dies durch den Aufruf der Funktion add_menu_page() erreicht werden. 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' );

Nach dem Login kopieren

在上面的代码中，我们使用 add_menu_page() 函数创建了一个名为 "My Plugin" 的菜单页面。参数中的 my_plugin_menu_callback 是我们自定义的页面回调函数，用于渲染菜单页面的内容。

步骤二：添加子菜单项

如果我们想要添加多级菜单功能，可以使用 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' );

Nach dem Login kopieren

在上面的示例代码中，我们使用 add_submenu_page() 函数创建了一个名为 "Submenu Page" 的子菜单项。参数中的 my_plugin_submenu_callback 是我们自定义的子菜单页面回调函数。

步骤三：自定义菜单页面的内容

现在，我们需要为菜单页面添加自定义的内容。下面是一个示例代码：

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>';
}

Nach dem Login kopieren

在上面的示例代码中，我们在页面回调函数中添加了一些简单的 HTML 内容。你可以根据自己的需求来自定义菜单页面的内容。

步骤四：添加更多子菜单项

如果我们需要添加多个子菜单项，可以重复调用 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>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>';
}

Nach dem Login kopieren

在上面的代码中，我们使用 add_submenu_page() 函数分别创建了两个子菜单项，并分别指定了不同的子菜单 slug 和页面回调函数。

总结

通过上述步骤，我们可以为 WordPress 插件添加多级菜单功能。首先，通过 add_menu_page() 函数创建插件菜单页面；然后，通过 add_submenu_page()rrreee

Im obigen Code verwenden wir die Funktion add_menu_page(), um eine Menüseite mit dem Namen „Mein Plugin“ zu erstellen. my_plugin_menu_callback in den Parametern ist unsere benutzerdefinierte Seitenrückruffunktion, die zum Rendern des Inhalts der Menüseite verwendet wird.

Schritt 2: Untermenüelemente hinzufügen🎜🎜Wenn wir mehrstufige Menüfunktionen hinzufügen möchten, können wir die Funktion add_submenu_page() verwenden, um dies zu erreichen. Hier ist ein Beispielcode: 🎜rrreee🎜Im obigen Beispielcode verwenden wir die Funktion add_submenu_page(), um ein Untermenüelement mit dem Namen „Untermenüseite“ zu erstellen. my_plugin_submenu_callback in den Parametern ist unsere benutzerdefinierte Rückruffunktion für die Untermenüseite. 🎜🎜Schritt 3: Passen Sie den Inhalt der Menüseite an🎜🎜Jetzt müssen wir der Menüseite benutzerdefinierten Inhalt hinzufügen. Hier ist ein Beispielcode: 🎜rrreee🎜Im obigen Beispielcode haben wir einige einfache HTML-Inhalte in die Seitenrückruffunktion eingefügt. Sie können den Inhalt der Menüseite Ihren Bedürfnissen entsprechend anpassen. 🎜🎜Schritt 4: Weitere Untermenüelemente hinzufügen🎜🎜Wenn wir mehrere Untermenüelemente hinzufügen müssen, können wir die Funktion add_submenu_page() wiederholt aufrufen. Das Folgende ist ein Beispielcode: 🎜rrreee🎜Im obigen Code verwenden wir die Funktion add_submenu_page(), um jeweils zwei Untermenüelemente zu erstellen und verschiedene Untermenü-Slugs und Seitenrückruffunktionen anzugeben. 🎜🎜Zusammenfassung🎜🎜Durch die oben genannten Schritte können wir dem WordPress-Plugin mehrstufige Menüfunktionen hinzufügen. Erstellen Sie zunächst eine Plug-in-Menüseite über die Funktion add_menu_page() und fügen Sie dann Untermenüelemente über die Funktion add_submenu_page() hinzu Menüseite über eine benutzerdefinierte Seitenrückruffunktion hinzufügen. 🎜🎜Ich hoffe, dieser Artikel kann Ihnen bei der Implementierung mehrstufiger Menüfunktionen in der WordPress-Plug-in-Entwicklung helfen. Denken Sie daran, bei der Entwicklung von Plugins Best Practices und Sicherheitsprinzipien zu befolgen. 🎜

Das obige ist der detaillierte Inhalt vonSo fügen Sie dem WordPress-Plugin mehrstufige Menüfunktionen hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!