# 高级标题搜索

**URL:** https://meta.discourse.org/t/advanced-header-search/194093
**Category:** Theme component
**Tags:** official, header-search
**Created:** [2021年六月16日 18:03 UTC](https://meta.discourse.org/t/advanced-header-search/194093 "2021-06-16T18:03:28Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年七月13日 16:28 UTC](https://meta.discourse.org/t/advanced-header-search/194093/38 "2023-07-13T16:28:36Z")

</div>

这不应该在移动设备上显示。它显示了吗？

---

<div class="post-metadata">

### Author: ![volanar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/volanar/32/318163_2.png) [@volanar](https://meta.discourse.org/u/volanar)
#### Post date: [2023年七月13日 16:33 UTC](https://meta.discourse.org/t/advanced-header-search/194093/39 "2023-07-13T16:33:39Z")

</div>

是的，我在桌面浏览器上相信了这一点。它在桌面上显示。这在移动设备上不显示。我们不要认为这是一个错误。

---

<div class="post-metadata">

### Author: ![sunjam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sunjam/32/175682_2.png) [@sunjam](https://meta.discourse.org/u/sunjam)
#### Post date: [2023年十一月18日 14:37 UTC](https://meta.discourse.org/t/advanced-header-search/194093/40 "2023-11-18T14:37:11Z")

</div>

不错的组件。

如何将显示的“搜索”文本更改为其他内容？

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2023年十一月18日 20:28 UTC](https://meta.discourse.org/t/advanced-header-search/194093/41 "2023-11-18T20:28:15Z")

</div>

您可以前往：Admin → Customize → Text

查找 `search.title`

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/3/6/a36988d2fdfd290302aa8a28c6e5cb69859f50f3.png)

遗憾的是，请注意这并非此主题组件特有的。

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年十一月20日 18:52 UTC](https://meta.discourse.org/t/advanced-header-search/194093/42 "2023-11-20T18:52:48Z")

</div>

这已修复 👍

---

<div class="post-metadata">

### Author: ![BeefofAges](https://avatars.discourse-cdn.com/v4/letter/b/50afbb/32.png) [@BeefofAges](https://meta.discourse.org/u/BeefofAges)
#### Post date: [2023年十二月18日 01:08 UTC](https://meta.discourse.org/t/advanced-header-search/194093/43 "2023-12-18T01:08:55Z")

</div>

即使启用了此插件，是否可以为移动用户保留原始搜索图标？我注意到 handlebars 模板特别排除了在移动断点处包含搜索栏，这是有道理的，但搜索图标也被移除了，这意味着移动用户根本无法轻松搜索。我有一些用户对此表示抱怨，因此一个很好的折衷办法是保持桌面版的功能完全不变，但为移动断点保留搜索图标。谢谢！

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年十二月18日 14:41 UTC](https://meta.discourse.org/t/advanced-header-search/194093/44 "2023-12-18T14:41:18Z")

</div>

在移动设备上，此主题组件会显示标题搜索图标而不是标题搜索输入框。您的论坛不是这样吗？

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [2023年十二月18日 14:45 UTC](https://meta.discourse.org/t/advanced-header-search/194093/45 "2023-12-18T14:45:49Z")

</div>

在主题创建者预览的移动设备上看不到搜索图标。

 ![_20231218_154311](https://global.discourse-cdn.com/meta/original/4X/5/1/1/511a300c1762213874a4903db3e15dce4ba10ac4.jpeg)

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年十二月18日 14:55 UTC](https://meta.discourse.org/t/advanced-header-search/194093/46 "2023-12-18T14:55:33Z")

</div>

哦，我的错！在为移动设备检查时，链接切换到了通用的主题创建者页面，该页面显示了搜索图标。我以为我还在主题预览中 😅

---

<div class="post-metadata">

### Author: ![BeefofAges](https://avatars.discourse-cdn.com/v4/letter/b/50afbb/32.png) [@BeefofAges](https://meta.discourse.org/u/BeefofAges)
#### Post date: [2023年十二月18日 18:40 UTC](https://meta.discourse.org/t/advanced-header-search/194093/48 "2023-12-18T18:40:15Z")

</div>

没问题，@Moin 提供的截图和我手机上论坛看到的截图一样，没有搜索图标。

---

<div class="post-metadata">

### Author: ![BeefofAges](https://avatars.discourse-cdn.com/v4/letter/b/50afbb/32.png) [@BeefofAges](https://meta.discourse.org/u/BeefofAges)
#### Post date: [2023年十二月27日 16:11 UTC](https://meta.discourse.org/t/advanced-header-search/194093/55 "2023-12-27T16:11:34Z")

</div>

这个修复看起来不错。谢谢！

---

<div class="post-metadata">

### Author: ![RBoy](https://avatars.discourse-cdn.com/v4/letter/r/2bfe46/32.png) [@RBoy](https://meta.discourse.org/u/RBoy)
#### Post date: [2024年三月3日 19:27 UTC](https://meta.discourse.org/t/advanced-header-search/194093/56 "2024-03-03T19:27:36Z")

</div>

知道为什么会显示两个搜索图标（在移动版和桌面版上）吗？

![image](https://global.discourse-cdn.com/meta/original/4X/9/c/f/9cf012da7ee672f51c328687c4c2eb0ad6fb4216.png)

我正在使用这个标题搜索组件以及这个：[Advanced Search Banner](https://meta.discourse.org/t/search-banner/122939)

当我同时启用这两个组件时，会出现两个搜索图标。有什么办法可以解决这个问题吗？我想为顶部菜单使用搜索横幅，为桌面用户在不使用顶部菜单时使用搜索标题——即同时使用这两个组件。

---

<div class="post-metadata">

### Author: ![RBoy](https://avatars.discourse-cdn.com/v4/letter/r/2bfe46/32.png) [@RBoy](https://meta.discourse.org/u/RBoy)
#### Post date: [2024年三月6日 20:53 UTC](https://meta.discourse.org/t/advanced-header-search/194093/57 "2024-03-06T20:53:50Z")

</div>

是否可以添加一个设置来指定此组件不应显示的页面？例如，我希望在着陆页和主题页面（`/latest`、`/top`）上显示默认的搜索按钮，然后在所有其他页面上使用此组件。

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2024年三月6日 23:36 UTC](https://meta.discourse.org/t/advanced-header-search/194093/58 "2024-03-06T23:36:03Z")

</div>

此问题已修复 👍

---

<div class="post-metadata">

### Author: ![RBoy](https://avatars.discourse-cdn.com/v4/letter/r/2bfe46/32.png) [@RBoy](https://meta.discourse.org/u/RBoy)
#### Post date: [2024年三月7日 02:17 UTC](https://meta.discourse.org/t/advanced-header-search/194093/59 "2024-03-07T02:17:54Z")

</div>

嗯，我更新了组件，但仍然显示双搜索图标（已重新加载页面）。（在手机和桌面上，手机上显示双搜索图标的组件是另一个，桌面上两个组件都显示双图标）

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2024年三月7日 18:09 UTC](https://meta.discourse.org/t/advanced-header-search/194093/60 "2024-03-07T18:09:39Z")

</div>

看起来这个组件也有问题。感谢你反馈这个问题，我会看一下。

---

<div class="post-metadata">

### Author: ![RBoy](https://avatars.discourse-cdn.com/v4/letter/r/2bfe46/32.png) [@RBoy](https://meta.discourse.org/u/RBoy)
#### Post date: [2024年三月7日 18:11 UTC](https://meta.discourse.org/t/advanced-header-search/194093/61 "2024-03-07T18:11:55Z")

</div>

作为临时的解决方法，我将此添加到了 CSS 中，它修复了两个组件上的双重图标

> [@Advanced Search Banner](https://meta.discourse.org/t/search-banner/122939/124?u=rboy):
>
> .search-input .search-icon:first-child { display: none; } should only display one search icon. I will say though, using the search banner and header search in tangent has some bad UX side effects. I would reccomend just using one or the other.

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2024年三月7日 20:41 UTC](https://meta.discourse.org/t/advanced-header-search/194093/62 "2024-03-07T20:41:42Z")

</div>

这应该已经修复了 👍

---

<div class="post-metadata">

### Author: ![RBoy](https://avatars.discourse-cdn.com/v4/letter/r/2bfe46/32.png) [@RBoy](https://meta.discourse.org/u/RBoy)
#### Post date: [2024年三月8日 02:56 UTC](https://meta.discourse.org/t/advanced-header-search/194093/63 "2024-03-08T02:56:37Z")

</div>

现在搜索横幅组件只有一个搜索图标，而不是两个（这是好的），但桌面版的标题搜索组件仍然有两个图标。移动版上两者似乎都正常。

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/a/9/0a9ed7891cc3ac047677998adabd98dfd46e8cfa.png)

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2024年三月8日 03:20 UTC](https://meta.discourse.org/t/advanced-header-search/194093/64 "2024-03-08T03:20:14Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/4X/e/8/5/e85cb345811a28b07ce38ff756c2df82c89b4aff.png)

我在本地看不到这个，这两个组件都已更新。

[上一頁](https://meta.discourse.org/t/advanced-header-search/194093.md?page=1)

[下一頁](https://meta.discourse.org/t/advanced-header-search/194093.md?page=3)
