Versatile Banner

你不能。你需要让他们成为管理员。

2 个赞

您知道其他版主可以更改横幅照片的组件吗?

1 个赞

不。版主无法更改主题。

可以创建一个主题,例如,将横幅设置为带有特定标签或类别的帖子中的照片(或带有该标签或类别的最新帖子)。然后,您可以将对该标签或类别的访问权限限制为特定组的成员。我曾经写过一个插件,它从帖子中的最新回复获取数据。

因此,在不查看代码的情况下,我认为您可以分叉主题并执行类似的操作。

2 个赞

帖子已拆分为新主题:如何翻译配置的 HTML?

今天,我们合并了此组件的重构,将其从我们的自定义小部件系统移至现代的 Ember 组件。

这是必要的,因为我们计划在明年内移除我们的 widget 系统。横幅的所有功能应保持不变,但如果您遇到任何新问题,请告知我们!

需要注意的一点是,由于它不再由小部件组成,因此您将无法执行类似以下操作来覆盖其功能:

这种自定义一直有点不稳定(如果主题更改,它可能会破坏覆盖,进而破坏整个组件),因此这是我们在为 Discourse 开发扩展时正在逐步淘汰的一种模式。

9 个赞

感谢更新!只是提醒一下——在稳定版上,当列为空/隐藏时似乎出现了一个新问题。在此之前,如果我没记错的话,将“第一/第二/第三/第四列内容”字段设置为空会隐藏这些列。但在升级后,如果留空,列会占据空白空间,在移动设备上尤其明显。

3 个赞

说得好!我在新更新中隐藏了没有内容的容器:

11 个赞

您好,我在 Firefox 移动版上遇到了横幅问题。我使用了 3 列布局,前两列显示了所有内容,第三列被截断了。在三星 S23 Ultra 上,在 Brave 浏览器上查看没问题。在 Firefox 上,无论是登录还是退出状态,它都显示不正常。

我检查了 iPhone 14 Pro,Safari 浏览器显示正常。

2 个赞

您好,

我想我在这篇帖子中没有看到我的问题,但如果已经提供了解决方案,我很抱歉。我想在我的社区中实现这个横幅,经过大量的自定义后,我发现这个组件似乎将主容器的右侧扩展到了正常范围之外。我将在下面提供一些截图来解释我的意思(横幅中的所有内容目前都处于默认设置)。

启用横幅后:

“新主题”旁边的侧边超出了我的个人资料图片的范围。


但是,禁用主题组件后,一切看起来都很正常。

正如您所见,右侧与我的个人资料图片对齐。


我正在使用其他主题组件,因此它们可能会干扰。我将在下面提供组件列表:

  • Dark-Light Toggle
  • DiscoTOC
  • Discourse Clickable Topic
  • Discourse Gifs
  • Discourse Header Search
  • Hamburger Theme Selector
  • Custom Header Links
  • Header Submenus
  • Versatile Banner

有什么想法是什么原因吗?

谢谢

4 个赞

当我更改 cookie 名称中的文本时,横幅未在 discourse 应用中显示……

也许是个 bug?

1 个赞

看起来这个主题组件具有仅在特定页面上显示的函数,我也想实现类似的功能。这个功能是如何实现的?

2 个赞

该组件在此处将设置与 currentURL 进行比较:

https://github.com/discourse/discourse-versatile-banner/blob/main/javascripts/discourse/components/versatile-banner.js#L66-L85

8 个赞

横幅是否仅在特定浏览器上显示?我们正在进行筹款活动,我希望每个人都能意识到这一点,但有几个人评论说他们根本没有看到任何东西。我尝试取消选中 dismissible(可关闭)和 collapsible(可折叠)设置,但都没有效果。

目前,如果我通过(我承认是旧版本的)Mac Safari 或(完全最新的)iPhone DiscourseHub 应用程序访问论坛,我看不到横幅。我在 iPhone Safari 和 Mac Firefox 上看到了它。

有什么建议吗?我显然对我的用户使用的是哪些浏览器控制有限,但我希望他们都能看到重要公告。

1 个赞

帖子已拆分为新主题:多功能横幅是否可以通过 API 更新?

您好,

我是Discourse和Versatile Banners的新手,但我想知道是否可以修改我放在横幅列中的图标的尺寸?

非常感谢任何指导。

哈维尔

同样的问题,即使组件更少。整个页面都可以向右滚动。提前感谢修复 :slight_smile:
更新:
我正在使用 Air 主题。问题仍然存在,即使我禁用了所有其他组件。

已解决:我创建了自己的横幅 :smiley: 和自定义组件。

2 个赞

在哪里可以找到用于更改“Versatile Banner”展开/折叠切换的字体颜色的设置(托管计划)?

默认是灰色,但对于我们网站选择的背景图片来说很难看清。如果它由基础网站主题的颜色调色板决定,我需要编辑哪个组件(例如,Primary 500 等)。

没有该设置,但您可以在自己的主题中使用 CSS。以下是您需要定位的内容

.banner-box .button-container .close .d-button-label, .banner-box .button-container .toggle .d-button-label {
    font-size: 1em;
    color: #646464;
}
1 个赞

Versatile Banner 和 Brand Header - #266 by pacharanero 之间可能存在兼容性问题。

将 Brand Header 设置为 display above-site-header,然后启用 Versatile Banner,Brand Header 就会移动到 header 下方。禁用其他组件,仅使用这两个组件,可以确认它们之间存在冲突。

启用 Versatile Banner 后

此问题已由 @Juan_David_MartínezPlugin Conflict Between Brand Header and Versatile Banner - #5 by Juan_David_Martínez 修复。

请更新您的组件。

1 个赞