如何在 WordPress 侧边栏添加搜索框

搜索框对网站来说非常重要,通过它用户可以快速找到想要的内容。在大多数 WordPress 主题中,默认都会包含一个搜索框的。但是,如果您使用的主题都没有它,或者您想自己制作一个自定义的搜索框,也可以轻松做到这一点。本文我们将介绍如何在 WordPress 网站的侧边栏中添加搜索框。

如何在 WordPress 侧边栏添加搜索框
如何在 WordPress 侧边栏添加搜索框

如何添加搜索框

WordPress 网站本身有一个搜索框小工具。接下来,我们介绍如何通过小工具添加搜索框。

从小工具中添加搜索框

通过小工具添加搜索框,是最简单的方法。点击 WordPress 仪表盘的外观->小工具,就可以快速进入小工具设置页面:

第 1 步:登录 WordPress 管理仪表盘

从小工具中添加搜索框
从小工具中添加搜索框

第 2 步:导航到外观 -> 小工具。 在这里,在需要添加搜索框的区域点击“+”号。然后在“可用小工具 ”中找到名为“搜索 ”的小工具。

找到搜索框小工具
找到搜索框小工具

第 3 步:单击“搜索”小工具,单击添加小工具即可。也可以将其拖到目标区域

第 4 步:现在转到您的网站,就会在侧边栏上看到“搜索”小工具了。 

手动添加搜索框(适用于高级用户)

手动添加搜索框需要有一些技术功底,但是即使不懂也可以按照本文介绍的方式添加。

第 1 步:打开 header.php 或 sidebar.php 模板文件(要在其中添加搜索按钮)。

第 2 步:在要添加搜索框的位置添加下面的代码:

 <? php get_search_form (); ?> 

该代码会从 searchform.php 模板中调用搜索表单。如果没有 searchform.php 文件,也不需要担心。它会自动创建一个。

第 3 步:转到网站主页,便可以在目标区域中看到搜索框了。如果您在 sidebar.php 中添加该函数,那就可以在侧边栏看到搜索框。如果在 header.php 中添加该函数,应该可以在页面上方看到搜索框。 

第 4 步:如果想自定义搜索框的样式,请打开 style.css 文件并根据需要添加 CSS 样式。 

如何在 WordPress 侧边栏添加搜索框
自定义搜索框样式

综上,我们就在网站的侧边栏,或者在网站页面上方,成功的添加了一个搜索框。

作者:牛奇网,本站文章均为辛苦原创,在此严正声明,本站内容严禁采集转载,面斥不雅请好自为之,本文网址:https://www.niuqi360.com/wordpress/how-to-add-search-bar-in-wordpress/

(0)
牛奇网牛奇网
上一篇 2022年5月26日 下午5:13
下一篇 2022年5月27日 上午10:57

相关推荐

发表回复

登录后才能评论