WP User Manager 插件是一个简单强大的前端用户中心插件,除了默认的丰富功能,这个插件还为我们提供了一些 Hook,可以方便我们添加自定义页面到我的账户页面和个人资料。下面我们来看一下怎么添加一个简单的自定义页面到我的账户页面和个人资料页面。
首先,通过 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;
- });
添加完成后,回到 WP User Manager 前端的账户页面,就会发现账户页面中多了一个 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,我们可以添加任意多个自定义页面到 WP User Manager 的账户页面,实现我们需要的用户页面。
和添加到账户页面类似,我们可以使用 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,其实 WP User Manager 插件还为我们提供其他丰富的 Hooks,我们可以在开发项目的时候,根据需要查找相关 Hook,在这个就不一一介绍了。
文章标题:WP User Manager 添加自定义页面到我的账户页面和个人资料页面
文章链接:https://www.wuyanshuo.cn/713.html
更新时间:2022年04月13日
本站资源均为两层压缩,第一层7z(后缀若为wys,请自行修改为7z)有解压密码;第二层zip或cbz,无解压密码,可直接使用漫画类软件程序查看;详情可参考解压教程。
本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:service@wuyanshuo.cn我们将第一时间处理! 资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。 所有资源仅限于参考和学习,版权归原作者所有,更多请阅读无言说网络服务协议。