在 Astra 中添加搜索框的搜索短代码

Astra Pro Addon插件版本 1.5.0及以上版本提供了一个用于显示搜索框的短代码。此短代码可在网站的任何位置(例如页眉、页脚、页面构建器、侧边栏小部件等)使用,以显示搜索框。将在您想要的任何位置显示搜索图标。搜索框有以下样式可供选择:

  • 滑动搜索——当您单击搜索图标时,它会滑动打开一个搜索框。
  • 全屏搜索——覆盖整个屏幕
  • 页眉封面搜索 – 它涵盖页眉
  • 搜索框 – 如果您希望保持原样,则可以使用默认搜索框。

有一个属性“方向”,用于在单击时打开搜索框,并且属性“样式”允许从上面的列表中选择样式。

可用的短代码如下 –

1. 幻灯片搜索

Left: [astra_search]
Right:[astra_search direction="right"]

2. 全屏搜索

[astra_search style="full-screen"]

3. 页眉封面搜索

[astra_search style="cover"]

注意:此短代码将显示与其父类相关的搜索框

4. 搜索框

[astra_search style="inline"]
Astra 搜索过滤器

注意:此短代码是Astra Pro Addon插件提供的*功能。要使用这些专业功能,您需要在您的网站上安装Astra 主题和 Astra Pro Addon。

您可以在网站的任何地方轻松使用短代码块。复制并粘贴上述代码,即可将其插入到您的网站。

如何添加短代码

如果您想在菜单项中添加短代码,请考虑使用第三方插件,例如“菜单”中的 ShortCode。请注意,此插件并非我们开发,我们强烈建议您在安装前备份您的网站。这篇文章将指导您如何备份您的网站。

或者,您也可以使用默认的 Header Builder 在菜单上添加搜索按钮。这里有一篇文章可以指导您完成操作。

滚动至顶部
扫描微信二维码联系我们 关闭