标签横幅

:discourse2: 摘要 Tag Banners 在访问经过标签过滤的主题列表时,会在页面顶部显示标签名称和描述的横幅(类似于 Category Banners 组件)
:eyeglasses: 预览 在 Discourse Theme Creator 上预览
:hammer_and_wrench: 仓库链接 https://github.com/discourse/discourse-tag-banners
:open_book: 初次使用 Discourse 主题? Discourse 主题使用入门指南

安装此主题组件

功能

开发者说明

你可以使用 CSS 自定义这些横幅。每个横幅都会追加标签名称作为类名,例如:

.tag-title-header.tag-banner-art {
  background: salmon;
  color: beige;
}

该横幅也适用于标签交集(例如 community.example.com/tags/intersection/art/new-tag

在这种情况下,你可以针对 .tag-banner-art.tag-banner-new-tag 进行 CSS 自定义。

设置

名称 描述
show on mobile 在移动设备上显示标签横幅
show tag description 当可用时显示标签描述
show above site header 在网站头部连接器上方显示横幅
show below site header 在网站头部连接器下方显示横幅
show above main container 在主容器连接器上方显示横幅,适用于启用了侧边栏的网站
remove tag hyphen 在横幅中移除标签名称中的连字符
remove tag underscore 在横幅中移除标签名称中的下划线
hide tag icon 当与类别横幅一起使用时隐藏标签图标
show with category banners 与类别横幅一起显示完整横幅

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

41 个赞