高级搜索横幅

不完全确定是什么原因导致的,但这似乎与 Themeable site settings are now available 有关。

您正在使用哪个主题?该主题的这些设置是如何配置的?

我认为,如果您设置了 search field in site header(在站点标题中显示搜索字段)并且安装了此组件,您就会遇到您描述的那种情况,即搜索出现在横幅中,而根本不出现在标题中……这听起来准确吗?

使用默认主题和以下设置。

1 个赞

有什么想法可以找出根本原因,以及是否需要组件修复或 Discourse 修复?

我更新了一个网站,这个主题组件被……压扁了。

不幸的是,我没有更新前主页样子的截图,但我会发布一张现在样子的截图。它基本上被压扁了,所以不像以前那么高了。

这是原来的横幅,搜索栏以前在现在缺失的开放区域。

1 个赞

看起来问题不在于搜索横幅本身。

我确保取消了“随 Discourse 更新主题组件”的复选框,然后更新了我的另一个生产站点,该站点也缩小了横幅。

如何恢复原始横幅尺寸?这些较小的横幅很难看。

在我的第二个网站上找到了更新前的截图。

它以前的样子:

现在是这样:

管理员通知是关于不相关的代码,在我的另一个网站上不存在。

我也是,不知何故我的横幅坏了

试试这个临时修复方法 => 桌面 => 通用

.search-banner {
    background-image: url(https://segredin.com/uploads/default/original/1X/3f044a906d2c358806610fc756e09991d25323ed.webp);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 15px;
    margin-bottom: 10px !important;
    height: 17em;
    padding-top: 50px
}

@编辑

谢谢,这解决了横幅的大小问题,但内容不是居中的,而是靠在顶部。

1 个赞

已通过 padding-top: 50px 修复

1 个赞

当然,这在移动设备上仍然是100%坏的。

1 个赞

您的网站是什么?在手机上,这个搜索横幅就消失了,也许是某个类名改变了,我不知道。

看起来一个变量名被更改了,这破坏了填充。我刚刚添加了一个修复程序 FIX: restore padding broken due to missing variable by awesomerobot · Pull Request #100 · discourse/discourse-search-banner · GitHub

因此,您应该可以通过更新组件来恢复之前的间距。

是的,Discourse 现在默认包含一个更简单的横幅版本,并且有一些 CSS 在移动设备上隐藏它……可以使用一些自定义 CSS 来恢复它

@use "lib/viewport";

@include viewport.until(sm) {
  .welcome-banner {
    display: block;
  }
}
5 个赞

太好了,非常感谢您恢复了这个组件!

此组件是否跟踪使用数据?我们想了解它对我们的社区有多有效。

@bartv 不,我不认为它有。

它似乎没有解决问题。顶部站点标题部分中的搜索栏根本没有出现。我刚刚更新到最新的 3.6.0 Beta1-Dev,问题仍然存在。我能找回顶部站点标题搜索栏的唯一方法是禁用此组件并启用 Discourse Header Search 组件。

有什么想法为什么它停止工作了吗?这是我使用过的最好的组件之一,我真的很想念它的功能。

我想这回答了我的问题。在最近一次更新了欢迎横幅后,我启用了它,它似乎取代了这个组件以及 Discourse Header Search 的功能。

欢迎横幅仍然缺少这个组件的一些不错的自定义功能,比如添加副标题文本(这非常有用,因为它可以提示用户使用搜索栏,而不是像一个空盒子一样放在那里)。希望这些功能也能被添加到欢迎横幅中。

另一方面,有没有办法使用 Discourse 中的 CSS 自定义功能来编辑搜索横幅中的副标题文本?

您是指这个高级搜索横幅组件吗?如果是这样,我认为此设置可以做到这一点:

不,我指的是搜索框内的文字,上面写着“搜索”

1 个赞

您可以在 /admin/customize/site_texts 中更改 js.search.title 变量。

但正如您在 Creating a banner to display at the top of your site - #23 by RBoy 中提到的,更具体的变量应该是 js.welcome_banner.search - 但它似乎不起作用。

2 个赞