WP User Manager 添加自定义页面到我的账户页面和个人资料页面

我的账户页面与个人资料页面自定义 — WPUserManager插件

大家好，我是一个喜欢用WordPress搭建网站的业余爱好者，今天我想和大家分享一下如何使用WPUserManager插件来添加自定义页面到我的账户页面和个人资料页面。

首先添加一个自定义Tab

首先，通过wpum_get_account_page_tabs这个Filter修改$tabs数组，下面的代码中，我们在原来的数组上面添加了一项「application」数据。

add_filter('wpum_get_account_page_tabs', function($tabs){
    $tabs['application']=[
        'name' => esc_html__('提交申请','wp-user-manager'),
        'priority' => 0,
    ];

    return $tabs;
});

添加完成后，回到WPUserManager前端的账户页面，就会发现账户页面中多了一个Application选项卡。

不过目前点击这个选项卡，右侧是一篇空白，因为我们还没有添加内容到这个新的自定义页面中。下一步，我们来添加内容到这一片空白中。

添加内容到自定义页面

添加内容，我们使用的是wpum_account_page_content_$active_tab这个Action，在使用的时候，我们需要把$active_tab这个变量换成上面添加的「application」数组键。

下面的代码中，我们在这个页面中显示了「wpzhiku_my_posts」这个短代码输出的内容。

add_action('wpum_account_page_content_application', function(){
    echo do_shortcode('[wpzhiku_my_posts]');
});

通过上面的这两个Hook，我们可以添加任意多个自定义页面到WPUserManager的账户页面，实现我们需要的用户页面。

添加自定义页面到个人资料页面

和添加到账户页面类似，我们可以使用wpum_get_registered_profile_tabs和wpum_profile_page_content_$active_tab这两个Hook添加自定义页面的个人资料页面。下面是代码示例。

add_filter('wpum_get_registered_profile_tabs', function($tabs){

    $tabs['application']=[
        'name' => esc_html__('提交申请','wp-user-manager'),
        'priority' => 5,
    ];

    return $tabs;
});


add_action('wpum_profile_page_content_public_files', function($data, $active_tab){
    echo 'This is application content.';
}, 10, 2);

除了本文介绍的四个Hook，其实WPUserManager插件还为我们提供其他丰富的Hooks，我们可以在开发项目的时候，根据需要查找相关Hook，在这个就不一一介绍了。

扫码添加UTHEME微信为好友

· 分享WordPress相关技术文章，主题上新与优惠动态早知道。
· 微信端最大WordPress社群，限时免费入群。