如何给Astra主题菜单栏添加搜索栏

　　搜索栏对您的网站非常重要。您的网站访问者可以立即使用它找到他们需要的任何内容。它可以让您的用户快速找到重要的东西。这篇文章是关于在WordPress建站中创建搜索栏的最简单方法。

　　在大多数WordPress主题中，默认情况下都包含一个搜索面板。但是，如果任何主题都没有它，或者您想制作自己的自定义搜索框，您也可以轻松做到这一点。WordPress以其可定制性而闻名，因此有不同的程序可以将搜索栏添加到您的网站。我们一起做吧。

　　我正在使用来自WP ASTRA主题，Astra是一个免费的WordPress主题，适用于所有人，如果尚未下载，您可以在此处下载。所以本文晓得博客为你介绍如何给Astra主题菜单栏添加搜索图标。

　　您必须了解您使用的是哪个版本的Astra主题，例如免费或高级。

　　如果您使用的是免费的WordPress主题Astra，那么您无法手动将搜索框添加到任何WordPress页面或WordPress帖子。此功能出现在Astra WordPress主题的高级版本中。

　　登录到WordPress仪表盘，单击“ 外观 ”->“ 自定义 ”->“页眉生成器”，点击“+”。

　　单击“ + ”后，会弹出如下图所示的菜单。选择“ 搜索 ”即可。

　　单击搜索框，即可设置搜索框的样式：

　　单击发布按钮，即可完成给主题菜单添加设置搜索栏的功能。

　　注意：如果您使用的不是Astra主题的页眉页脚生成器，那么转到主菜单，然后，在“菜单中的最后一项”字段中选择“搜索”，然后在“搜索样式”字段中选择“搜索框”，发布即可完成。

　　Astra Pro Addon插件版本1.5.0及更高版本提供了一个短代码来显示搜索框。此简码可用于网站上的任何位置，即页眉、页脚、页面构建器、侧边栏小部件等，以显示搜索框。

　　“astra_search”短代码将在您想要的任何位置显示搜索图标。下面列出了可用的简码-

　　1、幻灯片搜索—-当您单击搜索图标时，它会滑动打开一个搜索框

左：[astra_search]
右：[astra_searchdirection="right"]

　　2、全屏搜索—-覆盖整个屏幕

[astra_searchstyle="full-screen"]

　　3、标题封面搜索—-它涵盖了标题

[astra_searchstyle="cover"]

　　注意：此短代码将显示一个与其父类相关的搜索框。

　　4、搜索框—-如果您想保持原样，则为默认搜索框

[astra_searchstyle="inline"]

　　Astra主题添加搜索框效果示意：

　　推荐：WPControl性能优化插件WordPress最简单的优化插件教程

　　以上是晓得博客为你提供的如何给Astra主题菜单栏添加搜索图标的全部内容，希望能对你的网站建设有所帮助。

相关文章