注意
仅当网站需要支持外部搜索时才需要此主题组件。否则，您可以将 搜索体验 设置更新为 在站点标题中显示搜索框，以将站点搜索移至标题。
功能
设置
| 名称 |
描述 |
| 额外搜索图标 |
向搜索栏添加额外图标（例如用于触发外部搜索）。 |
| svg 图标 |
|
可选显示外部搜索图标
使用 extra_search_icons 在搜索栏中显示额外图标。
此设置支持以下参数：
prefix：点击相应图标时搜索 URL 的前缀icon：要显示的图标，来自 Font Awesome 图标集（可能还需要将其添加到 svg 图标 设置中）target：可选设置为 “_blank”，默认在新标签页/窗口中打开链接showInCategories：应仅显示给定图标的类别 ID（默认情况下，图标在所有地方都显示）excludeFromCategories：不应显示给定图标的类别 ID
致谢
感谢 @Johani 提供的搜索面板 JavaScript 代码。
由我们托管？ 主题组件可在我们的标准版、商业版和企业版计划中使用。
37 个赞
我刚刚更新了该组件，这将使默认搜索图标显示在移动设备上：
6 个赞
miss
(miss)
18
5 个赞
alanost
(Alan)
20
您好，首先，这个主题组件非常好，对我来说效果很好。
我有一个小小的改进建议。在需要登录的论坛中不应该显示搜索栏，因为它反正也无法使用。
4 个赞
alanost
(Alan)
21
如果有人能修复这个错误，我将非常高兴。我知道它影响的人不多，但我喜欢这个主题组件，这个问题阻止了我使用它 
1 个赞
我刚刚进行了一项更新，该更新将在需要登录时向未登录用户隐藏搜索栏
3 个赞
我还添加了一个使用标题颜色（标题主色和标题背景色）的输入更新
4 个赞
manuel
(Manuel Kostka)
24
该组件似乎禁用了新的 header-sidebar-toggle。
4 个赞
manuel
(Manuel Kostka)
27
我遇到的另一个小故障是：我可以使用默认的“/”快捷键进入搜索输入字段。但它不会展开显示结果的下拉菜单。我需要手动单击输入字段才能执行此操作，这使得键盘快捷键有点无用。
1 个赞
manuel
(Manuel Kostka)
28
使用该组件将再次禁用 header-sidebar-toggle。我猜是因为侧边栏的设置已更改。
3 个赞
ozkn
(Mathx)
30
@jordan.vidrine 你好，我可以在移动端标题中使用此组件作为默认组件吗？
1 个赞
我发布之前曾考虑过这一点，但移动端标题的空间不足以使其正常工作。
4 个赞
bquast
(Bastiaan Quast)
32
感谢您提供的出色组件。
有没有办法自定义搜索框边框的颜色？
对我来说，它是灰色的，我希望它是 #FFFFFF 白色
2 个赞
您可以自定义此颜色，方法是将一些 CSS 添加到本地主题组件中，如果您已经创建了一个用于添加自定义 CSS 的组件。
如果您尚未执行此操作，请访问 /admin/customize/themes 并单击 components，然后单击 install。
当弹出模态框时，选择 Create New，然后为您的组件命名。您将被带到组件的新页面，您可以在其中选择要应用它的主题。您需要将其应用于已安装的主题。
要添加 CSS，请单击 Edit CSS/HTML 并将 CSS 添加到 common 页面并保存。
您需要执行类似以下操作：
.search-menu .search-input {
border: 1px solid #FFFFFF
}
2 个赞
bquast
(Bastiaan Quast)
34
感谢 @jordan.vidrine 提供的详细说明。
我最近已经学会了如何在论坛上从其他好心人的帮助下添加自定义 CSS。
3 个赞
Canapin
(Coin-coin le Canapin)
35
4 个赞
我可以删除那一行，并使用媒体查询将其禁用直到 768px 而不破坏任何东西吗？ 
我想在平板电脑上删除该按钮（因为我们有聊天和视频在那里），并且我看到搜索框非常合适。
1 个赞
volanar
(Volanar)
37
一切都很好，但在移动版本中，您需要切换到标准搜索，因为它看起来很糟糕
vs
1 个赞
