搜索框对网站来说非常重要,通过它用户可以快速找到想要的内容。在大多数 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 样式。
综上,我们就在网站的侧边栏,或者在网站页面上方,成功的添加了一个搜索框。
作者:牛奇网,本站文章均为辛苦原创,在此严正声明,本站内容严禁采集转载,面斥不雅请好自为之,本文网址:https://www.niuqi360.com/wordpress/how-to-add-search-bar-in-wordpress/