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

文 / @WordPress主题

我的账户页面与个人资料页面自定义 — 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_tabswpum_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为好友
扫码添加UTHEME微信为好友
· 分享WordPress相关技术文章,主题上新与优惠动态早知道。
· 微信端最大WordPress社群,限时免费入群。