品牌页眉

:discourse2: 摘要 Brand Header 为您的品牌添加了一个额外的顶部标题栏,支持在移动端和桌面端显示您的 Logo、导航链接和社交图标。品牌 Logo 可以是图片或文字。
:eyeglasses: 预览 在 Discourse Theme Creator 上预览
:hammer_and_wrench: 仓库链接 https://github.com/discourse/discourse-brand-header
:open_book: 初次使用 Discourse 主题? Discourse 主题使用入门指南

安装此主题组件

功能

桌面端预览:

移动端预览:

设置

名称 描述
品牌名称
网站 URL
移动端 Logo URL
链接 要在标题栏中显示的文本链接
图标 要在标题栏中显示的图标链接
自定义 Font Awesome 图标 此主题组件中使用的 FontAwesome 6 图标列表
在移动端显示栏
插件出口

使用 Font Awesome 6 图标

为了让 Font Awesome 6 图标在此主题组件中正确显示,您需要将它们添加到 Discourse 中的 3 个位置:

  1. svg icon subset(SVG 图标子集)站点设置
  2. 组件中的 custom font awesome icons(自定义 Font Awesome 图标)设置
  3. 组件中的 icons(图标)设置

此外,对于某些 Font Awesome 6 图标,您需要为图标名称指定 fafab 前缀(例如:“fab-bluesky”),因为某些图标属于特定的图标子集。有关此用法的详细信息,请参阅 我们正在将图标升级为 Font Awesome 6!

一旦您在所有三个位置添加了这些图标,您就应该能在品牌标题栏主题组件中看到它们正确显示。

:discourse2: 由我们托管? 主题组件在我们的 Standard、Business 和 Enterprise 计划中均可使用。

87 个赞
Is there a setting to add Facebook, twitter , Instagram profile links?
Beginner's guide to using Discourse Themes
Reuse Discourse Hamburger Functionality
Introducing Font Awesome 5 and SVG icons
How to use brand header html in my WordPress site
WordPress in a Discourse iFrame?
How to create additional header?
How to put a backlink to our company website above the top-menu in discourse?
Can I add a icon and link back to my homesite at the top bar
Customise home login page
How to finely scroll out custom header?
Login with federated social networks
Customize Your Site Branding
Need to create good-looking front page with Discourse login option
How I can add a custom header
Horizon interaction with Brand Header
How to add a directory of people/businesses to my theme?
How to create custom theme component?
Custom website header with forum
Adding header in theme messes up topic progress bar (when docked)
Structuring a multilingual community
Are these possible only with a custom theme?
Horizon Theme
How do I move an image/banner to the VERY top of the page?
Combining Brand Header and Header Submenus Plugins
Brand Header breaks chat reply box on mobile (iOS)
Air Theme
Quick access to bookmarks and messages on user menu
Why does the logo navigate to Discourse home not main site home
TavoWEB theme for Discourse
How to make your side have a side-bar and external links
Display name of forum
DiscoTOC & Brand Header - using together
TypeError: Discourse._registerPluginCode is not a function
Brand header theme component breaks page layout on static and no_ember pages
Brand header theme component breaks page layout on static and no_ember pages
How to add top menu bar like try.discourse.org
Dropdown links in existing Header
Insert Link to External Website
Structuring a multilingual community
Help needed with theming and logo
How do the Links and Icons settings work?
Customizing your site with existing theme components
How to embed Discourse in Wordpress?
Customize the header with links, icons, or menus
🌅 Introducing Horizon, our newest theme