So fügen Sie dem WordPress-Plugin Navigationsmenü-Verwaltungsfunktionen hinzu

WBOY
Freigeben: 2023-09-05 11:22:42
Original
1385 Leute haben es durchsucht

So fügen Sie dem WordPress-Plugin Navigationsmenü-Verwaltungsfunktionen hinzu

So fügen Sie dem WordPress-Plugin eine Navigationsmenüverwaltungsfunktion hinzu

WordPress ist ein beliebtes Content-Management-System, das ein leistungsstarkes Plug-in-System bietet, mit dem Benutzer die Funktionalität entsprechend ihren Anforderungen erweitern können. Wenn Sie Ihr eigenes WordPress-Plugin entwickeln, müssen Sie dem Plugin manchmal Navigationsmenü-Verwaltungsfunktionen hinzufügen. In diesem Artikel erfahren Sie, wie Sie einem WordPress-Plugin Navigationsmenü-Verwaltungsfunktionen hinzufügen und stellen Codebeispiele bereit.

In WordPress wird das Navigationsmenü verwendet, um die Navigationsstruktur der Website anzuzeigen, die normalerweise oben oder unten auf der Website angezeigt wird. Um dem Plugin Navigationsmenü-Verwaltungsfunktionen hinzuzufügen, müssen wir die folgenden Schritte ausführen:

  1. Eine Menüseite hinzufügen
    Zuerst müssen wir dem Plugin eine Menüseite hinzufügen. Diese Menüseite wird zur Verwaltung des Navigationsmenüs verwendet. Fügen Sie den folgenden Code zu Ihrer Plugin-Hauptdatei hinzu:
function myplugin_menu_page(){
    add_menu_page(
        'My Plugin Menu', // 页面标题
        'My Plugin', // 菜单标题
        'manage_options', // 权限要求
        'my-plugin', // 菜单slug
        'myplugin_menu_callback', // 回调函数
        'dashicons-admin-plugins', // 菜单图标
        10 // 菜单位置
    );
}
add_action('admin_menu', 'myplugin_menu_page');
Nach dem Login kopieren

Im obigen Code verwenden wir die Funktion add_menu_page(), um eine Menüseite hinzuzufügen. Die Parameterbeschreibung lautet wie folgt: add_menu_page()函数来添加一个菜单页面。参数说明如下:

  • 页面标题:菜单页面的标题,将会显示在菜单页面的顶部。
  • 菜单标题:菜单页面在WordPress菜单中的标题。
  • 权限要求:指定允许访问菜单页面的用户权限。
  • 菜单slug:菜单页面的唯一标识。
  • 回调函数:当用户访问菜单页面时,将会调用这个函数。
  • 菜单图标:指定菜单图标的样式类。
  • 菜单位置:决定菜单在WordPress菜单中的显示位置。
  1. 编写回调函数
    接下来,我们需要编写一个回调函数,用于显示和处理菜单页面的内容。在你的插件主文件中添加以下代码:
function myplugin_menu_callback(){
    if(!current_user_can('manage_options')){
        wp_die(__('You do not have sufficient permissions to access this page.'));
    }
    
    // 在这里编写菜单页面的内容和逻辑
    echo '<h1>My Plugin Menu</h1>';
    // 添加表单和导航菜单设置
}
Nach dem Login kopieren

上述代码中,我们首先检查用户是否具有足够的权限访问菜单页面。如果用户没有权限,将会显示一个错误消息。然后,我们可以在这个函数中编写菜单页面的内容,例如显示一个标题、一个表单和导航菜单设置。

  1. 添加表单和导航菜单设置
    在菜单页面的回调函数中,我们可以添加一个表单来接收用户的输入,并将其保存为导航菜单设置。在你的插件主文件中添加以下代码:
function myplugin_menu_callback(){
    if(!current_user_can('manage_options')){
        wp_die(__('You do not have sufficient permissions to access this page.'));
    }
    
    if(isset($_POST['submit'])){
        // 处理表单提交
        $menu_settings = $_POST['menu_settings'];
        update_option('myplugin_menu_settings', $menu_settings);
        echo '<div class="notice notice-success"><p>Menu settings saved successfully.</p></div>';
    }
    
    // 获取导航菜单设置
    $menu_settings = get_option('myplugin_menu_settings', '');
    
    echo '<h1>My Plugin Menu</h1>';
    echo '<form action="" method="post">';
    echo '<label for="menu_settings">Menu Settings</label>';
    echo '<input type="text" name="menu_settings" id="menu_settings" value="'.$menu_settings.'">';
    echo '<input type="submit" name="submit" value="Save">';
    echo '</form>';
}
Nach dem Login kopieren

上述代码中,我们首先检查是否有表单提交,如果有则处理表单数据并将其保存为导航菜单设置,并显示一个成功的消息。然后,我们使用get_option()函数来获取导航菜单设置,并将其显示在表单中。用户可以在表单中进行更改,并点击保存按钮来保存新的菜单设置。

  1. 获取导航菜单设置并应用到网站
    最后一步是获取导航菜单设置,并将其应用到网站的导航菜单中。在你的主题文件中添加以下代码:
function myplugin_nav_menu_args($args){
    // 获取导航菜单设置
    $menu_settings = get_option('myplugin_menu_settings');
    
    // 应用导航菜单设置
    $args['menu'] = $menu_settings;
    
    return $args;
}
add_filter('wp_nav_menu_args', 'myplugin_nav_menu_args');
Nach dem Login kopieren

上述代码中,我们使用get_option()函数获取导航菜单设置,并将其应用到wp_nav_menu_args过滤器中的$args['menu']参数。这样,当网站的导航菜单被创建时,将会使用插件的导航菜单设置。

通过以上步骤,我们成功为WordPress插件添加了导航菜单管理功能。用户现在可以使用插件的菜单页面来设置导航菜单,并将其应用到网站上。

总结:
本文介绍了So fügen Sie dem WordPress-Plugin Navigationsmenü-Verwaltungsfunktionen hinzu,并提供了代码示例。通过使用add_menu_page()

    Seitentitel: Der Titel der Menüseite wird oben auf der Menüseite angezeigt. 🎜🎜Menütitel: Der Titel der Menüseite im WordPress-Menü. 🎜🎜Berechtigungsanforderungen: Geben Sie die Benutzerberechtigungen an, die für den Zugriff auf die Menüseite zulässig sind. 🎜🎜Menu slug: Die eindeutige Kennung der Menüseite. 🎜🎜Rückruffunktion: Diese Funktion wird aufgerufen, wenn der Benutzer auf die Menüseite zugreift. 🎜🎜Menüsymbol: Geben Sie die Stilklasse des Menüsymbols an. 🎜🎜Menüposition: Bestimmen Sie die Anzeigeposition des Menüs im WordPress-Menü. 🎜
    🎜Eine Rückruffunktion schreiben🎜Als nächstes müssen wir eine Rückruffunktion schreiben, um den Inhalt der Menüseite anzuzeigen und zu verarbeiten. Fügen Sie den folgenden Code zu Ihrer Plugin-Hauptdatei hinzu: 🎜🎜rrreee🎜Im obigen Code prüfen wir zunächst, ob der Benutzer über ausreichende Berechtigungen für den Zugriff auf die Menüseite verfügt. Wenn der Benutzer keine Berechtigung hat, wird eine Fehlermeldung angezeigt. In dieser Funktion können wir dann den Inhalt der Menüseite schreiben, z. B. die Anzeige eines Titels, eines Formulars und der Navigationsmenüeinstellungen. 🎜
      🎜Formular- und Navigationsmenüeinstellungen hinzufügen🎜In der Rückruffunktion der Menüseite können wir ein Formular hinzufügen, um die Eingaben des Benutzers zu empfangen und es als Navigationsmenüeinstellungen zu speichern. Fügen Sie den folgenden Code zu Ihrer Plugin-Hauptdatei hinzu: 🎜🎜rrreee🎜Im obigen Code prüfen wir zunächst, ob eine Formularübermittlung erfolgt. Ist dies der Fall, verarbeiten wir die Formulardaten, speichern sie als Navigationsmenüeinstellungen und zeigen eine Erfolgsmeldung an. Anschließend verwenden wir die Funktion get_option(), um die Einstellungen des Navigationsmenüs abzurufen und sie im Formular anzuzeigen. Benutzer können Änderungen im Formular vornehmen und auf die Schaltfläche „Speichern“ klicken, um die neuen Menüeinstellungen zu speichern. 🎜
        🎜Rufen Sie die Navigationsmenüeinstellungen ab und wenden Sie sie auf die Website an. 🎜Der letzte Schritt besteht darin, die Navigationsmenüeinstellungen abzurufen und sie auf das Navigationsmenü der Website anzuwenden. Fügen Sie den folgenden Code in Ihre Designdatei ein: 🎜🎜rrreee🎜Im obigen Code verwenden wir die Funktion get_option(), um die Navigationsmenüeinstellungen abzurufen und sie auf den wp_nav_menu_argsanzuwenden > $args['menu'] Parameter im Prozessor filtern. Auf diese Weise werden beim Erstellen des Navigationsmenüs der Site die Navigationsmenüeinstellungen des Plugins verwendet. 🎜🎜Durch die oben genannten Schritte haben wir die Navigationsmenü-Verwaltungsfunktion erfolgreich zum WordPress-Plugin hinzugefügt. Benutzer können nun über die Menüseite des Plugins Navigationsmenüs einrichten und diese auf ihre Website anwenden. 🎜🎜Zusammenfassung: 🎜In diesem Artikel wird erläutert, wie Sie WordPress-Plugins Navigationsmenüverwaltungsfunktionen hinzufügen, und es werden Codebeispiele bereitgestellt. Fügen Sie die Menüseite mithilfe der Funktion add_menu_page() hinzu, schreiben Sie die Rückruffunktion, verarbeiten Sie die Formularübermittlung, rufen Sie die Navigationsmenüeinstellungen ab und wenden Sie schließlich die Navigationsmenüeinstellungen auf die Website an. Ich hoffe, dieser Artikel hilft Ihnen dabei, Ihrem Plugin Navigationsmenü-Verwaltungsfunktionen hinzuzufügen. 🎜

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage