| 摘要 | Brand Header 为您的品牌添加了一个额外的顶部标题栏,支持在移动端和桌面端显示您的 Logo、导航链接和社交图标。品牌 Logo 可以是图片或文字。 | |
| 预览 | 在 Discourse Theme Creator 上预览 | |
| 仓库链接 | https://github.com/discourse/discourse-brand-header | |
| 初次使用 Discourse 主题? | Discourse 主题使用入门指南 |
安装此主题组件
功能
桌面端预览:
移动端预览:
设置
| 名称 | 描述 |
|---|---|
| 品牌名称 | |
| 网站 URL | |
| 移动端 Logo URL | |
| 链接 | 要在标题栏中显示的文本链接 |
| 图标 | 要在标题栏中显示的图标链接 |
| 自定义 Font Awesome 图标 | 此主题组件中使用的 FontAwesome 6 图标列表 |
| 在移动端显示栏 | |
| 插件出口 |
使用 Font Awesome 6 图标
为了让 Font Awesome 6 图标在此主题组件中正确显示,您需要将它们添加到 Discourse 中的 3 个位置:
svg icon subset(SVG 图标子集)站点设置- 组件中的
custom font awesome icons(自定义 Font Awesome 图标)设置 - 组件中的
icons(图标)设置
此外,对于某些 Font Awesome 6 图标,您需要为图标名称指定 fa 或 fab 前缀(例如:“fab-bluesky”),因为某些图标属于特定的图标子集。有关此用法的详细信息,请参阅 我们正在将图标升级为 Font Awesome 6!。
一旦您在所有三个位置添加了这些图标,您就应该能在品牌标题栏主题组件中看到它们正确显示。
由我们托管? 主题组件在我们的 Standard、Business 和 Enterprise 计划中均可使用。