| 摘要 | 使侧边栏切换图标动态化并支持自定义 | |
| 仓库 | https://github.com/Lillinator/discourse-dynamic-sidebar-icon | |
| 预览 | https://discourse.theme-creator.io/theme/Lilly/discourse-sidebar-icon | |
| 安装指南 | 如何安装主题或主题组件 | |
| Discourse 主题新手? | Discourse 主题使用入门指南 |
安装此主题组件
Discourse 动态侧边栏图标
摘要
这是一个轻量级的 Discourse 主题组件,可根据侧边栏的打开或关闭状态动态更改标题栏中的侧边栏切换图标。
默认情况下,当侧边栏关闭时,组件显示标准汉堡菜单图标(bars);当侧边栏打开时,则切换为关闭图标(xmark)。管理员也可以指定自定义图标。
功能特性
- 为用户提供清晰的视觉反馈,提示如何与侧边栏交互。
- 管理员可通过主题设置轻松将默认图标替换为任何 FontAwesome 图标。
- 该组件仅适用于桌面和平板视口,对移动设备无效。
设置
通过编辑组件设置来自定义用于打开和关闭侧边栏的图标:
| 设置项 | 说明 |
|---|---|
icon_to_open_the_sidebar |
侧边栏折叠时显示的图标 (默认: bars) |
icon_to_close_the_sidebar |
侧边栏展开时显示的图标 (默认: xmark) |
重要说明
- 如果使用尚未包含在 Discourse 核心中的自定义图标,它们将显示为空白;要解决此问题,您必须在 Discourse 管理设置中将自定义图标(例如
rocket、cat)添加到SVG 图标子集站点设置中(参见所有站点设置→SVG 图标子集)。 - 此组件不适用于标题下拉模式。