 |
概述 | 将默认的认证按钮替换为一个组合按钮，点击后会打开下拉菜单或模态框，其中包含相关链接 |
 |
仓库 | https://github.com/Lillinator/combined-auth-button |
 |
安装指南 | 如何安装主题或主题组件 |
安装此主题组件
简介
此主题组件将注册和登录按钮合并为一个带有下拉选项的按钮，从而提供更简洁的头部空间并改善用户体验（尤其是移动设备用户）。
具体来说，默认的 Discourse 移动论坛视图会隐藏“注册”按钮，仅显示现有的“登录”按钮；这可能会让初次访问 Discourse 论坛的新访客（匿名视图）感到困惑且不符合直觉。此外，默认的移动视图登录按钮链接到登录页面，而该页面又包含指向注册页面的链接；这为移动设备上的新用户带来了不必要的操作障碍。
未安装组件时的默认移动视图：
此简单的 Discourse 主题组件将现有的 登录 按钮替换为标签更清晰的组合按钮——默认为 注册 / 登录。点击或轻触时，它会打开一个下拉菜单或移动模态框，其中包含指向相应注册或登录页面的链接。
使用组件默认设置的移动按钮和模态框：
使用组件默认设置的桌面按钮和下拉菜单：
设置与主题翻译
管理员设置允许在桌面上启用该功能、在移动视图中隐藏组合按钮图标以节省头部空间，以及更改所有按钮图标和标签。
| 设置 | 描述 |
|---|---|
enable_on_desktop |
在所有视口尺寸上启用组合认证按钮 |
hide_mobile_combined_button_icon |
在移动视图中隐藏组合认证按钮图标以节省头部空间 |
combined_button_icon |
组合认证下拉按钮的 SVG 图标 |
login_button_icon |
登录按钮的 SVG 图标 |
signup_button_icon |
注册按钮的 SVG 图标 |
button_labels.auth |
用于主题翻译的组合按钮文本字符串 |
button_labels.log_in |
用于主题翻译的登录按钮文本字符串 |
button_labels.sign_up |
用于主题翻译的注册按钮文本字符串 |
更多截图
注意事项
- 此组件与 移动设备左侧汉堡菜单 兼容，但将站点徽标居中可能会导致头部空间拥挤。
查看我的其他 Discourse 作品
