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

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

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

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

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

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

  将搜索栏添加到Astra主题的WordPress页面

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

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

  推荐:Astra主题如何在WordPress主菜单中添加按钮

Astra主题菜单栏添加搜索栏的步骤

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

Astra主题菜单栏添加搜索栏

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

Astra主题菜单栏添加搜索栏方法

  单击搜索框,即可设置搜索框的样式:

设置搜索框的样式

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

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

  Astra主题短代码添加搜索栏

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

Astra主题短代码添加搜索栏

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

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

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

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

[astra_searchstyle="full-screen"]

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

[astra_searchstyle="cover"]

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

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

[astra_searchstyle="inline"]

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

Astra主题短代码添加搜索栏

总结

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

  推荐:Astra主题建站教程

5/5 - (2 votes)

ThemeForest 模板套件
可视化创建WordPress网站
siteground主机
namesilo最便宜的域名购买

发表评论

您的电子邮箱地址不会被公开。

Scroll to Top