使用 WP User Frontend 插件添加自定义页面到我的账户

WP User Frontend 插件允许我们通过自定义页面在网站上添加一个注册登录表单,添加若干个文章提交页面。一些用户使用该插件来实现网站的投稿功能或文章订阅功能,非常方便。

WP User Frontend 包含了一个简单的个人中心页面,用户可以在这个页面插件自己提交的文章,查看自己的订阅,编辑个人资料等。
使用 WP User Frontend 插件添加自定义页面到我的账户-云模板如果只有上面的几个功能,对于一个功能完善的网站来说,往往会不够用,好在我们可以添加自定义页面到我的账户页面,来实现我们需要的功能。

添加自定义页面菜单到我的账户

首先,我们需要添加自定义页面的菜单到我的账户页面左侧的菜单列表中:

  1. add_filter('wpuf_account_sections', function ($sections)
  2. {
  3.     $sections[] = [
  4.         'slug'  => 'products',
  5.         'label' => __('My Products', 'wp-user-frontend'),
  6.     ];
  7. 
    
  8.     return $sections;
  9. }, 999);

显示自定义页面的内容

添加了菜单链接后,我们还需要添加这个菜单对应的内容,对应的页面才能正常显示,否则点击这个链接会出现一个 404 页面。在这个示例代码中,我们把自定义功能放到了一个单独的文件中,然后包含了进来:

  1. add_action('wpuf_account_content_products', function ()
  2. {
  3.     include get_theme_file_path('wpuf/products.php');
  4. });

上面的代码中 wpuf_account_content_products 中的 products 需要和自定义菜单项目中的 slug 对应。

基于类似的操作,我们可以添加各种各样的自定义页面,来实现我们的自定义功能,比如我的收藏,我的评论等等。

除了 WP User Frontend 插件,WooCommerce 也为我们提供了类似的 Hook,如果您的网站使用了 WooCommerce 插件,也可以使用下面的方法。

——————————————————

WooCommerce 添加自定义功能页面到我的账户页面

WooCommerce 是 wordpress 的 B2C 电子商务解决方案,对网站所有者来说,这是一个真正的开箱即用的电商解决方案,只需要选择一个支持 WooCommerce 的 WordPress 主题,在后台进行一些设置,然后就可以发布商品,开始在线销售了。WooCommerce 为我们提供了一个包含基础功能的前端用户中心,在我的账户页面,用户可以设置收货地址、查看订单、修改密码。对于一个基本的电子商务系统来说,这些功能刚好够用。

除了这些基本的电子商务功能,我们还可以在 WooCommerce 中添加一些自定义功能,来增强用户粘性,提高转换率。比如增加积分功能,用户完成了订单或对商品作出评价时,我们可以赠送给用户一些积分。用户使用积分可以兑换礼品、抵扣货款等等,我们可以在 WooCommerce 中设置各种各样的营销套路,要想让这些套路进行得更加顺畅,给用户带来更好的体验,我们就需要在 WooCommerce 的我的账户页面增加一些页面,让用户可以看到自己的活动和获得的权益。下图中展示的就是我们为客户添加的一个收集积分的自定义页面。
WooCommerce 添加自定义功能页面到我的账户页面-云模板下面我们来看一下怎么在 WooCommerce 的我的账户页面增加一个自定义页面。

1、添加链接到我的账户页面

WooCommerce 我们提供了一个 “woocommerce_account_menu_items” 钩子,通过这个钩子,我们可以添加或修改自定义链接到我的账户页面。

  1. add_filter ( 'woocommerce_account_menu_items', function ( $menu_links ){
  2. 
    
  3.     $menu_links = array_slice( $menu_links, 0, 5, true )
  4.                   + array( 'points' => 'My Points' )
  5.                   + array_slice( $menu_links, 5, NULL, true );
  6. 
    
  7.     return $menu_links;
  8. 
    
  9. }, 40 );

2、注册自定义链接端点

添加了自定义链接之后,我们需要添加一个自定义端点,让 WordPress 可以识别到这是一个自定义页面。

  1. add_action( 'init', function () {
  2.     add_rewrite_endpoint( 'points', EP_PAGES );
  3. } );

3、我的账户自定义页面的内容

这里才是真正重要的一步,在这里,我们可以显示用户所获得的积分,或者可以兑换的权益等等。这里我们所有的钩子是 woocommerce_account_{ENDPOINT NAME}_endpoint,这里的 ENDPOINT NAME 就是我们上一步添加的自定义链接端点,一定要对应上。

  1. add_action( 'woocommerce_account_points_endpoint', function () {
  2.     echo '这里显示页面内容';
  3. } );

在这里,我们需要获取数据库内容,以一定的格式展示给用户。每个网站都有自己的 UI 系统,每个营销策略的逻辑也不尽相同,在这里就不再展示具体代码了。除了增加页面的我的账户页面,如果程序需要,我们还可以使用 woocommerce_api_(action) API 为 WooCommerce 添加后台功能页面,比如 WooCommerce 的支付网关接口中,就使用了这个 API 为支付网关添加回调页面。

原创文章,作者:DavidWu,如若转载,请注明出处:https://www.davidwu.net/archives/80435

WordPress安全防护插件
服务项目 服务内容 收费标准(元)
主题/插件汉化 汉化团队WordPress主题/插件,翻译率95% (以标的主题/插件的句子数量为准)
服务器环境配置 基于您现有服务器,搭建配置网站运行环境,结合我们多年来实战经验,可完美支持WordPress等PHP程序运行,并配置伪静态规则、优化目录权限等问题。服务器我们强烈推荐使用Linux系统。 100元/次
网站托管 若贵站目前尚无技术人员,无法完成服务器环境配置,可选择我们的网站托管服务,直接交付正常运行的WordPress站点,并且无需担心服务器的后续维护工作,一切都由我们来帮您完成。 标配套餐:1000元/年/站点 高配套餐:联系客服获取
网站加速优化 从服务器后端配置优化到WordPress数据库缓存、前端页面缓存、JS和CSS压缩合并,全方位优化网站加载速度,实现秒开。(此服务仅针对(云)服务器/VPS) 500元/次(仅站内优化200元/次)
主题配置 本站所有主题均支持,可快速实现,若有任何问题可以咨询客服解决,若您希望我们提供配置服务,可选购此服务。 英文主题安装 60元/次 汉化主题安装 30元/次
HTTPS配置 HTTPS已经不断普及,并且有着更高的安全性以及SEO上的优待。该服务收取的为服务费,SSL证书产生的费用请自行承担。 100元/次
网站搬家 迁移网站所有文件和数据库信息、网站相关配置的调整、以及迁移中的疑难问题故障排除。 标准收费:500元/次 若网站数据量大,需协商
网站运维 提供整站的运维服务,保证网站正常运行。包含:网站故障定位及排除、网站数据备份和恢复、网站攻击及木马等问题的处理等 标准收费:2000元/年 IP 5000以上需协商

发表评论

电子邮件地址不会被公开。 必填项已用*标注

51建站客服微信二维码
点击这里购买