How to add navigation menu management functionality to WordPress plugin

How to add navigation menu management function to WordPress plug-in

WordPress is a popular content management system that provides a powerful plug-in system that allows users to Extend functionality according to your needs. When developing your own WordPress plugin, sometimes you need to add navigation menu management functionality to the plugin. In this article, we will learn how to add navigation menu management functionality to a WordPress plugin and provide code examples.

In WordPress, the navigation menu is used to display the navigation structure of the website, usually displayed at the top or bottom of the website. In order to add navigation menu management functionality to the plug-in, we need to perform the following steps:

1. Add a menu page
   First, we need to add a menu page to the plug-in. This menu page will be used to manage the navigation menu. Add the following code to your plugin main file:

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

In the above code, we use the add_menu_page() function to add a menu page. The parameter description is as follows:

• Page title: The title of the menu page will be displayed at the top of the menu page.
• Menu Title: The title of the menu page in the WordPress menu.
• Permission requirements: Specify the user permissions allowed to access the menu page.
• Menu slug: The unique identifier of the menu page.
• Callback function: This function will be called when the user accesses the menu page.
• Menu icon: Specify the style class of the menu icon.
• Menu position: Determine the display position of the menu in the WordPress menu.

2. Writing a callback function
   Next, we need to write a callback function to display and process the content of the menu page. Add the following code to your plugin main file:

function myplugin_menu_callback(){
    if(!current_user_can('manage_options')){
        wp_die(__('You do not have sufficient permissions to access this page.'));
    }
    
    // 在这里编写菜单页面的内容和逻辑
    echo '<h1 id="My-Plugin-Menu">My Plugin Menu</h1>';
    // 添加表单和导航菜单设置
}

In the above code, we first check if the user has sufficient permissions to access the menu page. If the user does not have permission, an error message will be displayed. We can then write the content of the menu page in this function, such as displaying a title, a form, and navigation menu settings.

3. Add form and navigation menu settings
   In the callback function of the menu page, we can add a form to receive the user's input and save it as the navigation menu settings. Add the following code to your plugin main file:

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 id="My-Plugin-Menu">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>';
}

In the above code, we first check whether there is a form submission, and if so, process the form data and save it as the navigation menu setting and display it A successful message. We then use the get_option() function to get the navigation menu settings and display them in the form. Users can make changes in the form and click the Save button to save the new menu settings.

4. Get the navigation menu settings and apply them to the website
   The last step is to get the navigation menu settings and apply them to the navigation menu of the website. Add the following code to your theme file:

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

In the above code, we use the get_option() function to get the navigation menu settings and apply it to wp_nav_menu_args $args['menu']Parameters in the filter. This way, when the site's navigation menu is created, the plugin's navigation menu settings will be used.

Through the above steps, we have successfully added the navigation menu management function to the WordPress plug-in. Users can now set up navigation menus using the plugin’s menu page and apply them to their website.

Summary:
This article introduces how to add navigation menu management functionality to WordPress plugins and provides code examples. Add a menu page by using the add_menu_page() function, write a callback function, handle form submission and obtain the navigation menu settings, and finally apply the navigation menu settings to the website. I hope this article helps you add navigation menu management functionality to your plugin.

The above is the detailed content of How to add navigation menu management functionality to WordPress plugin. For more information, please follow other related articles on the PHP Chinese website!