| 摘要 | 自定义标题链接(图标) 可让您轻松在 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 主题,后者为本组件的结构提供了重要参考。
由我们托管? 主题组件可在我们的标准版、商业版和企业版计划中使用。