优化 WooCommerce 我的账户页面重定向逻辑:排除找回密码等端点

优化 WooCommerce 我的账户页面重定向逻辑:排除找回密码等端点

本教程将指导您如何在 woocommerce 中为未登录用户设置“我的账户”页面的重定向,同时确保“找回密码”等关键子页面(端点)不受影响。通过利用 wordpress 全局 `$wp` 对象的 `request` 属性,我们可以精确控制重定向逻辑,避免不必要的页面跳转,提升用户体验和安全性。

WooCommerce 我的账户页面重定向的挑战

在某些 WooCommerce 商店设计中,为了提供更集中的用户体验,开发者可能希望未登录用户无法直接访问默认的“我的账户”页面(例如 /my-account)。相反,他们可能希望用户通过弹窗登录/注册表单进行操作。为此,通常会使用 WordPress 的 template_redirect 钩子来实现页面重定向。

一个常见的初步实现方式如下:

add_action( 'template_redirect', 'wish_custom_redirect' );function wish_custom_redirect() {  if ( ! is_user_logged_in() && is_page('my-account') ) {    wp_redirect( '/' ); // 重定向到首页    exit;  }}

这段代码的目的是在用户未登录且访问“我的账户”页面时,将其重定向到网站首页。然而,这种方法存在一个显著的局限性:WooCommerce 的“我的账户”页面包含多个重要的子页面或“端点”,例如 /my-account/lost-password/(找回密码)和 /my-account/reset-password/(重置密码)。这些端点对于未登录用户来说至关重要,因为它们是找回或重置账户的唯一途径。如果上述重定向逻辑应用于这些端点,用户将无法访问它们,导致糟糕的用户体验和功能障碍。

尝试通过简单地添加 !is_page(‘my-account/lost-password/’) 条件来排除这些端点通常是无效的,因为 is_page() 函数主要用于匹配页面的 slug,而像 lost-password 这样的端点并非独立的 WordPress 页面,它们是“我的账户”页面的子路由

利用 $wp->request 精确控制重定向

为了解决上述问题,我们需要一种更精确的方式来识别用户当前访问的是“我的账户”基页,而不是其任何子端点。WordPress 的全局 $wp 对象提供了一个 request 属性,它包含了当前请求的 URL 路径,不包括域名和查询字符串。通过检查 $wp->request 的值,我们可以区分“我的账户”基页和其子端点。

当访问 /my-account/ 时,$wp->request 的值通常是 ‘my-account’。当访问 /my-account/lost-password/ 时,$wp->request 的值通常是 ‘my-account/lost-password’。

利用这一特性,我们可以构建一个更精确的重定向逻辑。

实现代码示例

以下是经过优化和测试的重定向代码,它将未登录用户从“我的账户”基页重定向到网站首页,同时允许访问“找回密码”等关键端点:

request && 'lost-password' != $wp->request ) {      // 执行安全重定向到网站首页      wp_safe_redirect( site_url() );      exit; // 终止脚本执行    }    // 如果需要排除更多端点,可以扩展条件    // 例如:    // if ( 'my-account' == $wp->request && !in_array($wp->request, array('lost-password', 'reset-password')) ) {    //   wp_safe_redirect( site_url() );    //   exit;    // }  }}/** * 可选:在用户登出后重定向到首页 * 防止用户登出后返回上一页看到默认登录表单 */add_action('wp_logout','auto_redirect_after_logout');function auto_redirect_after_logout(){  wp_safe_redirect( home_url() );  exit();}?>

代码解析

add_action( ‘template_redirect’, ‘wish_custom_myaccount_redirect’ );: 将自定义函数挂载到 template_redirect 钩子。这个钩子在 WordPress 确定要加载哪个模板文件之前执行,是进行重定向的理想时机。

global $wp;: 声明使用全局 $wp 对象。这个对象包含了当前请求的各种信息,其中 request 属性对于判断当前 URL 路径非常有用。

! is_user_logged_in(): 这是重定向的前提条件,确保只有未登录用户才会触发后续逻辑。

‘my-account’ == $wp->request: 这是核心判断条件。它精确地检查当前请求的路径是否就是 ‘my-account’,即“我的账户”的基页。

‘lost-password’ != $wp->request: 这个条件是错误的,因为它会检查 my-account 是否不等于 lost-password,这总是成立的。正确的做法是,当 $wp->request 为 my-account 时,我们才进行重定向。如果 $wp->request 是 my-account/lost-password,那么第一个条件 ‘my-account’ == $wp->request 就不会满足,从而避免重定向。更正后的逻辑应为:

if ( !is_user_logged_in() ) {    // 检查当前请求是否为“我的账户”基页    // 并且确保不是“找回密码”或“重置密码”等端点    // 注意:'my-account' == $wp->request 已经排除了子端点,因为子端点的 $wp->request 会是 'my-account/lost-password' 等    // 所以实际上,只需要检查 $wp->request 是否精确等于 'my-account' 即可    if ( 'my-account' == $wp->request ) {        wp_safe_redirect( site_url() );        exit;    }}

然而,原答案的意图可能是想说,如果 $wp->request 是 my-account 且不是 lost-password,这隐含了一个更复杂的逻辑。考虑到 WooCommerce 端点通常形如 my-account/endpoint-slug,当访问 my-account/lost-password 时,$wp->request 的值是 my-account/lost-password,因此 ‘my-account’ == $wp->request 这个条件就不会满足。所以,最简洁有效的排除方法就是只检查 $wp->request 是否精确等于 ‘my-account’。

为了更贴近原答案的意图并确保其逻辑正确性,我们重新审视原答案的条件:(‘my-account’ == $wp->request) && (‘lost-password’ != $wp->request)这个条件是存在问题的。如果 $wp->request 是 my-account/lost-password,那么 (‘my-account’ == $wp->request) 为 false,整个条件就为 false,不会重定向。这确实达到了排除 lost-password 端点的目的,但它也排除了所有其他端点。如果 $wp->request 是 my-account,那么 (‘my-account’ == $wp->request) 为 true,而 (‘lost-password’ != $wp->request) 也为 true,所以整个条件为 true,会重定向。

结论: 原答案的条件实际上是有效的,它意味着:

当访问 /my-account/ 时,$wp->request 是 my-account,条件满足,重定向。当访问 /my-account/lost-password/ 时,$wp->request 是 my-account/lost-password,第一个子条件 (‘my-account’ == $wp->request) 不满足,不重定向。当访问其他端点如 /my-account/orders/ 时,$wp->request 是 my-account/orders,第一个子条件 (‘my-account’ == $wp->request) 不满足,不重定向。

所以,原答案的逻辑是有效的,它只重定向 /my-account 这个基页。

wp_safe_redirect( site_url() );: 使用 wp_safe_redirect() 函数进行重定向。相比 wp_redirect(),wp_safe_redirect() 更加安全,因为它会检查目标 URL 是否在允许的范围内,防止开放重定向漏洞。site_url() 返回 WordPress 站点的 URL。

exit;: 在执行重定向后,务必调用 exit; 终止脚本执行,防止进一步的代码运行。

登出后重定向(可选): 额外提供了一个 wp_logout 钩子,用于在用户登出后立即重定向到首页。这可以避免用户登出后点击浏览器回退按钮,仍然看到“我的账户”页面的默认登录表单。

注意事项与最佳实践

测试环境: 此解决方案已在 WooCommerce 5.7 版本中测试通过,在其他版本中也应兼容,但建议在您的开发环境中进行充分测试。端点扩展: 如果您有自定义的 WooCommerce 端点,并且希望它们也对未登录用户开放(不被重定向),则无需修改上述代码,因为 (‘my-account’ == $wp->request) 这个条件本身就排除了所有子端点。安全性: 始终使用 wp_safe_redirect() 而非 wp_redirect() 来增强重定向的安全性。代码位置: 将此代码放置在主题的 functions.php 文件中,或者更推荐的方式是创建一个自定义插件来管理这些功能,以确保在主题更新时代码不会丢失。

总结

通过巧妙地利用 WordPress 全局 $wp 对象的 request 属性,我们可以精确地控制 WooCommerce 中“我的账户”页面的重定向逻辑。这种方法不仅解决了 is_page() 在处理端点时的局限性,还确保了“找回密码”等关键功能对未登录用户保持可访问性,从而提升了网站的用户体验和功能完整性。同时,结合 wp_safe_redirect() 和登出重定向,进一步增强了解决方案的安全性和用户流程的流畅性。

以上就是优化 WooCommerce 我的账户页面重定向逻辑:排除找回密码等端点的详细内容,更多请关注php中文网其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1327568.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月12日 13:53:33
下一篇 2025年12月12日 13:53:41

相关推荐

  • CSS 多列布局的适用场景是什么?

    CSS 多列布局的应用价值 问题: CSS 多列布局 (Multi-column Layout) 是否还有存在的价值? 答案: 是的,CSS 多列布局仍然有其独特的应用场景。 具体来说,多列布局在以下情况下会非常有用: 立即学习“前端免费学习笔记(深入)”; 小说阅读中的横向滚动: 对于小说等长文内…

    2025年12月24日
    000
  • 多列布局在现代 CSS 布局中还有用武之地吗?

    Multi-column Layout在现代CSS布局中的实用性 CSS中的多列布局(Multi-column Layout)曾经是一种常见的布局技术,用于创建多列文本布局。近年来,随着弹性盒布局(Flexbox)和网格布局(Grid)的广泛应用,多列布局似乎逐渐失去了昔日的光辉。那么,在现代CSS…

    2025年12月24日
    300
  • CSS多列布局,仍在用武之地吗?

    CSS多列布局Multi-column Layout:依然有其用武之地 虽然CSS网格布局(CSS Grid Layout)和弹性盒布局(Flexbox)已经成为现代网页布局的主流,但多列布局(Multi-column Layout)仍然在某些特定场景下拥有一席之地。 独特的使用场景 尽管在大多数情…

    2025年12月24日
    000
  • 现代网页设计中,CSS 多列布局是否依然实用?

    CSS多列布局:在现代网页设计中还有用武之地吗? CSS多列布局(Multi-column Layout)是一种将内容分成多列显示的技术。在早期的网络发展阶段,它曾经被广泛用于创建多栏式布局,但近年来随着响应式设计的兴起,其使用率有所下降。 它是否有自己独特的使用场景? 虽然多列布局在响应式设计中并…

    2025年12月24日
    000
  • 网页设计服务终极指南

    对于任何追求在线成功的企业来说,拥有一个迷人且实用的网站至关重要。在 Arham Web Works,我们了解创建网页设计的复杂性,不仅能吸引访问者,还能将他们转化为忠实的客户。我们的网页设计方法是全面的,将美学吸引力与无缝功能相结合。本指南将深入探讨网页设计服务的关键方面,展示为什么我们的专业知识…

    2025年12月24日
    200
  • 网页设计css样式代码大全,快来收藏吧!

    减少很多不必要的代码,html+css可以很方便的进行网页的排版布局。小伙伴们收藏好哦~ 一.文本设置    1、font-size: 字号参数  2、font-style: 字体格式 3、font-weight: 字体粗细 4、颜色属性 立即学习“前端免费学习笔记(深入)”; color: 参数 …

    2025年12月24日
    000
  • css中id选择器和class选择器有何不同

    之前的文章《什么是CSS语法?详细介绍使用方法及规则》中带了解CSS语法使用方法及规则。下面本篇文章来带大家了解一下CSS中的id选择器与class选择器,介绍一下它们的区别,快来一起学习吧!! id选择器和class选择器介绍 CSS中对html元素的样式进行控制是通过CSS选择器来完成的,最常用…

    2025年12月24日
    000
  • css中的浏览器私有化前缀有哪些

    css中的浏览器私有化前缀有:1、谷歌浏览器和苹果浏览器【-webkit-】;2、火狐浏览器【-moz-】;3、IE浏览器【-ms-】;4、欧朋浏览器【-o-】。 浏览器私有化前缀有如下几个: (学习视频分享:css视频教程) -webkit-:谷歌 苹果 background:-webkit-li…

    2025年12月24日
    300
  • 如何利用css改变浏览器滚动条样式

    注意:该方法只适用于 -webkit- 内核浏览器 滚动条外观由两部分组成: 1、滚动条整体滑轨 2、滚动条滑轨内滑块 在CSS中滚动条由3部分组成 立即学习“前端免费学习笔记(深入)”; name::-webkit-scrollbar //滚动条整体样式name::-webkit-scrollba…

    2025年12月24日
    000
  • css如何解决不同浏览器下文本兼容的问题

    目标: css实现不同浏览器下兼容文本两端对齐。 在 form 表单的前端布局中,我们经常需要将文本框的提示文本两端对齐,例如: 解决过程: 立即学习“前端免费学习笔记(深入)”; 1、首先想到是能不能直接靠 css 解决问题 css .test-justify { text-align: just…

    2025年12月24日 好文分享
    200
  • 关于jQuery浏览器CSS3特写兼容的介绍

    这篇文章主要介绍了jquery浏览器css3特写兼容的方法,实例分析了jquery兼容浏览器的使用技巧,需要的朋友可以参考下 本文实例讲述了jQuery浏览器CSS3特写兼容的方法。分享给大家供大家参考。具体分析如下: CSS3充分吸收多年了web发展的需求,吸收了很多新颖的特性。例如border-…

    好文分享 2025年12月24日
    000
  • php约瑟夫问题如何解决

    “约瑟夫环”是一个数学的应用问题:一群猴子排成一圈,按1,2,…,n依次编号。然后从第1只开始数,数到第m只,把它踢出圈,从它后面再开始数, 再数到第m只,在把它踢出去…,如此不停的进行下去, 直到最后只剩下一只猴子为止,那只猴子就叫做大王。要求编程模拟此过程,输入m、n, 输出最后那个大王的编号。…

    好文分享 2025年12月24日
    000
  • 360浏览器兼容模式的页面显示不全怎么处理

    这次给大家带来360浏览器兼容模式的页面显示不全怎么处理,处理360浏览器兼容模式页面显示不全的注意事项有哪些,下面就是实战案例,一起来看一下。  由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览…

    好文分享 2025年12月24日
    000
  • CSS的Word中的列表详解

    在word中,列表也是使用频率非常高的元素。在css中,列表和列表项都是块级元素。也就是说,一个列表会形成一个块框,其中的每个列表项也会形成一个独立的块框。所以,盒模型中块框的所有属性,都适用于列表和列表项。 除此之外,列表还有 3 个特有的属性 list-style-type、list-style…

    2025年12月24日
    000
  • 如何解决css对浏览器兼容性问题总结

    css对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了ie7,6与fireofx的兼容性处理方法并 整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且doctype 影响 css 处理,作为w3c的标准,一定要加 doctype声名.…

    好文分享 2025年12月23日
    000
  • 关于CSS3中选择符的实例详解

    英文原文: www.456bereastreet.com/archive/200601/css_3_selectors_explained/中文翻译: www.dudo.org/article.asp?id=197注:本文写于2006年1月,当时IE7、IE8和Firefox3还未发行,文中所有说的…

    好文分享 2025年12月23日
    000
  • 阐述什么是CSS3?

    网页制作Webjx文章简介:CSS3不是新事物,更不是只是围绕border-radius属性实现的圆角。它正耐心的坐在那里,已经准备好了首次登场,呷着咖啡,等着浏览器来铺上红地毯。            CSS3不是新事物,更不是只是围绕border-radius属性实现              …

    好文分享 2025年12月23日
    000
  • 用CSS hack技术解决浏览器兼容性问题

    什么是CSS Hack?   不同的浏览器对CSS的解析结果是不同的,因此会导致相同的CSS输出的页面效果不同,这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS 代码的过程,就叫CSS Hack。 CSS Hack 形式   CSS Hack大致有3种表现形…

    好文分享 2025年12月23日
    000
  • 如何使用css去除浏览器对表单赋予的默认样式

    我们在写表单的时候会发现一些浏览器对表单赋予了默认的样式,如在chorme浏览器下,文本框及下拉选择框当载入焦点时,都会出现发光的边框,并且在火狐及谷歌浏览器下,多行文本框textarea还可以自由拖拽拉大,另外还有在ie10下,当文本框输入内容后,在文本框的右侧会出现一个小叉叉,等等。不容置疑,这…

    好文分享 2025年12月23日
    000
  • CSS新手整理的有关CSS使用技巧

    [导读]  1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。  2、无边框。推荐的写法是     1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 …

    好文分享 2025年12月23日
    000

发表回复

登录后才能评论
关注微信