【公告】
主题第六弹2025.5月已更新
免费下载,搜索Typecho即可

【原创】Typecho—用户注册黄色账户密码提示条,更改为更直观的弹窗

技巧·Typecho · 04-23 · 285 人浏览
【原创】Typecho—用户注册黄色账户密码提示条,更改为更直观的弹窗

需求来源

这个需求来源于评论区很多用户都同时提到这个问题,一开始没在意,结果发现越来越多的用户都出现这个问题。
着手开始思考,本来想是做个邮件自动回复的插件,每当用户注册后,发送邮件,但是感觉这个动作太骚扰用户了。
思来想去,还是把原有的黄色提示条,更换成强制显示的弹窗,这样的效果会更加明显

  1. 当前问题:用户注册成功后,系统会显示随机生成的密码,但这个提示不够醒目,导致用户忽略密码信息。
  2. 用户影响:用户不知道自己的密码,无法正常登录,也不知道如何修改密码。
  3. 根本原因:提示设计不合理,没有突出重要信息(密码),且没有明确指导用户下一步操作。

新用户注册,密码提醒弹窗功能

修改文件

  • 文件路径:admin\common-js.php

改动的具体地方

修改了 admin\common-js.php 文件中处理系统提示信息的 JavaScript 代码部分。具体修改位置在文件的第20-70行左右。

实现的功能

  1. 密码弹窗提醒:将原本显示在黄色提示条中的密码信息改为以弹窗形式显示,使密码提示更加醒目。
  2. 自动检测密码信息:系统会自动检测提示信息中是否包含密码,如果包含则显示弹窗,否则仍然显示原始的黄色提示条。
  3. 美化的弹窗界面

    • 半透明背景遮罩
    • 圆角边框和阴影效果
    • 醒目的密码显示区域(红色虚线边框)
    • 统一样式的按钮("立即修改"和"稍后再说")
  4. 便捷的密码修改入口

    • "立即修改"按钮直接链接到密码修改页面
    • "稍后再说"按钮可关闭弹窗

原文件覆盖即可,宝子们!

这是未修改前的显示方式

屏幕截图 2025-04-23 111202.png

这是修改后的显示方式

屏幕截图 2025-04-23 144640.png

以下内容需评论后 查看 点击登录
评论进度:0/1
Typecho 原创 技巧

微信扫码分享

请使用微信扫描二维码分享

  1. goldendivid 昨天

    感谢分享!

  2. 江有川 06-06

    感谢分享

  3. 不睡觉 06-02

    感谢分享

  4. xianghw1 05-31

    感谢分享

  5. kuhehe 05-16

    谢谢分享!🤩

表情
爱心
手势
动物
美食
天气

网站已运行 245 天 | 共有文章 2061 篇 | 累计访问 80788 人次