| 摘要 | 自定义标题链接(图标) 允许您轻松地在 Discourse 标题中添加可点击的图标。 | |
| 预览 | 在 Discourse 主题创建器中预览 | |
| 仓库链接 | https://github.com/discourse/discourse-icon-header-links | |
| 初次接触 Discourse 主题? | Discourse 主题使用入门指南 |
安装此主题组件
功能
截图
桌面端
移动端
设置
此组件包含一个主题设置,允许您添加任意数量的链接,指定它们的图标,并决定它们在哪些设备上显示!
| 名称 | 描述 |
|---|---|
| header links | 链接列表,包含以下属性:标题、图标、URL、视图和目标 |
| add whitespace | 如果选中,将在默认的 Discourse 标题图标与通过此组件添加的自定义图标之间添加一些空白 |
| Svg icons | 为列表中使用的每个图标包含 FontAwesome 6 图标类 |
说明:
- URL 可以是绝对路径(https://www.example.com)或相对路径(/c/staff)
- 图标可以是任何 FontAwesome 6(免费)图标 名称(不包括
fa-、fab-、fas-或far-前缀),也可以是图片的 URL。
如果您想使用的图标未显示,请将其添加到组件的 svg_icons 设置中。如果您添加新图标,需要为其添加 FontAwesome 6 前缀,如 fab、far 和 fas。
致谢
本组件基于 @techAPJ 的精彩教程:https://meta.discourse.org/t/add-new-link-on-header-beside-search-icon/48621,并参考了 @vinothkannans 的 Brand header 主题,该主题为组件结构提供了重要参考。
\u003cbr\u003e
\u003e:discourse2: 由我们托管? 主题组件可在我们的标准版、商业版和企业版计划中使用。