Versatile Banner

主题组件
,
257

I’m afraid installing this component multiple times will not work. Your best option at this point is likely to pay someone to build you a custom solution via the marketplace

I have only had time to address bug reports on this component for the past while, but in the next year or two, I plan to do a major overhaul that will hopefully facilitate even more versatility.

4 个赞
258

I’m using the component settings to only show the banner on specific pages. I came across two glitches in the css:

  • the banner adds a top margin on pages where it’s not supposed to be shown
  • the banner is displayed unstyled while the page is loading

To supress both I have to declare .banner-box {display: none;} and then add display declarations for the specific pages where it’s supposed to show.

2 个赞
259

hello @tshenry
is it possible to make the icons bigger?

1 个赞
260

我觉得这可能是一个更通用的常见问题解答，但我想知道如何为桌面和移动用户提供不同的图形？

1 个赞
261

您希望这些图形出现在哪里？当然有方法可以根据桌面/移动设备状态有条件地显示内容，但具体方法取决于您想做什么。

1 个赞
262

我正在使用 versatile banner 来传递圣诞祝福，包括一张图片，因此我希望能够在 versatile banner 的上下文中完成此操作。

1 个赞
263

嗯，在这种情况下，您可以在“Versatile Banner”的“content”设置中添加类似以下内容：

<div class="xmas-banner-image"></div>

然后，在您的主主题或新组件中添加一些 CSS。这是一个示例，您可以将 LINK_TO_MOBILE_IMAGE 替换为实际的图片链接：

.mobile-view .xmas-banner-image {
  background-image: url("LINK_TO_MOBILE_IMAGE");
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.desktop-view .xmas-banner-image {
  background-image: url("LINK_TO_DESKTOP_IMAGE");
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

您需要调整 CSS，但希望这能帮助您入门。

3 个赞
264

非常好。我感觉这需要一个 CSS 解决方案。感谢您花时间提供一个起点。

3 个赞
265

我想专门针对“/latest?assigned=”使用此功能，以与 Discourse Assign 插件结合使用，这样我就可以为分配给所有人、我或无人的主题添加一个按钮。

但是，这不起作用——我假设是“?”的问题，因为“/latest”可以工作。您有什么建议可以使此横幅仅显示在这些页面/视图上吗？

另外，即使只选择了“/latest”，横幅也显示在主页上。我该如何阻止这种情况发生？ 我没有看到设置中用于显示在主页上的复选框。

最后，有没有办法让图标可点击？似乎只有图标下方的文本是可点击的。

1 个赞
266

这些将是更复杂的自定义，您需要将它们添加到单独的组件中。这里有一个关于如何重新打开其中一个小部件并调整行为的示例：Versatile Banner - #158

对于图标，我猜您也可以尝试用 CSS 解决方案来破解。您可能可以在列内容设置中添加一个锚点元素，并对其进行样式设置以覆盖图像。

3 个赞
268

非常感谢！我相信我能自己弄明白。

2 个赞
269

在不启用主题的情况下预览通用横幅的方法吗？:thinking:

我想在向全世界展示之前看看它的样子（然后再发现一个令人尴尬的错误）:slight_smile:

2 个赞
270

我保留了一个开发液滴以进行更改。每月 5 美元，在弄坏东西之前，我可以看看是否有任何东西出错，哈哈。

我想可以在本地主机上做同样的事情。话虽如此，我将为此创建一个虚拟机，并节省每月 5 美元的费用，哈哈。

5 个赞
271

我没想到这一点 :thinking:

另外，根据今天的公告，我可能会在树莓派上做同样的事情 :smiley:

5 个赞
272

有人能够让这个横幅在搜索栏组件的顶部正常工作吗？

msedge_63vMBwf0P8
msedge_63vMBwf0P81736×822 172 KB

到目前为止，我只能把它放在搜索栏下面 :sneezing_face:

1 个赞
273

我在我的测试站点上同时安装了这两个插件，并且可以通过在 Versatile Banners 中勾选 swap default positioning 设置来切换位置。这是否也能满足你的需求？

Versatile Banner and Search
Versatile Banner and Search1080×1237 178 KB

2 个赞
274

嗯……这很奇怪……也许你认为这是搜索栏组件的设置……我的搜索栏确实勾选了“below-site-header”。

chrome_OiidorSbez
chrome_OiidorSbez1920×871 114 KB

你的搜索栏设置是什么？

1 个赞
275

使用 below-site-header 配合搜索横幅，我可以在“切换默认位置”设置中将多功能横幅置于顶部或底部。

如果我将搜索横幅的插件出口设置为 above-main-container，那么无论我是否勾选切换，多功能横幅总是在顶部。

（更改在页面刷新后显示）

4 个赞
276

我刚刚启动了我的论坛，我仍然使用的是托管计划。
我喜欢这个横幅，我只有一个问题……
我希望能有一个黑暗模式和一个明亮模式（即，不同的配色方案和不同的背景图片/颜色）——是我遗漏了什么设置，还是有办法实现这个目标？

4 个赞
277

我将主题组件安装了两次，分别命名为 Light 和 Dark，然后将 Light 组件附加到我的 Light 主题，将 Dark 组件附加到我的 Dark 主题。:+1:

不过，当设置了 default dark mode color scheme id 时，Light 组件不会切换颜色方案，所以不是 100% 完美。

1 个赞