WordPress主题开发中定制个性搜索功能思路

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。编程之家小编现在分享给大家,也给大家做个参考。

前端时间在给客户开发一个 wordpress 外贸主题的时候,对搜索功能有多个个性化需求,一个是搜索指定时间段儿内包含某个关键词的文章(文章类型 post),另外一个是只搜索包含某个关键词的产品文章(文章类型 product),当然还有一个不指定条件的默认搜索功能,默认搜索功能就不说了,这个大家应该都懂。

就拿上面这种搜索指定时间段儿内包含某个关键词的文章的搜索功能来说吧。首先,默认的搜索框代码是:

<form method="get" action="<?php echo esc_url( home_url( '/' ) ); ?>">

<input type="search" name="s" value=""/>

<button type="submit" class=""></button>

</form>

用心的朋友应该会发现,使用默认的搜索输入关键词搜索后,搜索结果页面链接的后缀格式是?s=关键词。

注意一下链接中的 s,是不是和搜索框中的输入关键词的 input 输入框的 name 值是一样的?是的,这其实就是通过链接传递过来的内容。而你输入的关键词,其实就是 input 中的 value 值。我们知道 wordpress 搜索结果呈现也是 search.php 这个文件,这个文件里的代码其实只是做了个判断是否有文章,有的话按照指定格式显示出来,换句话说这个文件的默认代码和 archive.php 里的代码是一样的,因为这个文件就是 WordPress 默认的搜索结果页,就像 category.php 是默认的分类页一样,他会默认的显示包含你搜索的关键词的文章列表。

那么如果我们需要再增加一些搜索条件限制的话应该怎么操作呢?其实很简单,先修改搜索框代码,比如我们要加上开始时间和结束时间限制,那么就可以修改如下:

<form method="get" action="<?php echo esc_url( home_url( '/' ) ); ?>">

<input type="search" name="s" value=""/>

<input type="search" name="kssj" value=""/>

<input type="search" name="jssj" value=""/>

<button type="submit" class=""></button>

</form>

我们可以看到,里面多了两个 input,两个的 name 分别是 kssj(开始时间),jssj(结束时间),当然这里面是让用户直接输入时间的,这样用户体验并不好,你可以使用相关 js 做成日期选择的形式,这里就不多介绍了。

搜索框做好以后,你可以输入关键词、开始时间、结束时间都输入信息后,点击搜索,这个时候会跳转到一个新的页面,当然,这个时候并不会按照你输入的时间段儿显示。先不急,看一下浏览器中的链接格式是不是和默认的搜索结果页不同了?是的,变成了后缀是?s=关键词&kssj=开始时间&jssj=结束时间。肯定是的,这也就是说你在搜索框中输入的搜索条件和关键词都已经通过链接传递到了搜索结果页面,我们可以很轻松的通过$_GET['name 值']来获取到对应的关键词或搜索条件,根据上面的链接我们可以得到 $_GET['s] (关键词)、 $_GET['kssj] (开始时间) 、 $_GET['jssj] (结束时间) 。

能获取到这些信息,我们仔细想一下,那不就是在搜索结果页面使用文章查询功能,查询到符合这些条件的文章然后用列表的形式显示出来就行了吗?代码如下:

<?php

$args = array(

'post_type' => 'post',//指定文章类型,也可以不指定

'date_query' => array( //日期筛选项

array(

'after' => $_GET['sdate'],//开始时间

'before' => $_GET['edate'],//结束时间

'inclusive' => true,//是否包含开始时间和结束时间当前时间的文章

),

),

's' => $_GET['s'],//搜索的关键词

);

$the_query = new WP_Query( $args );

?>

<?php if ( $the_query->have_posts() ) : ?>

<?php while($the_query->have_posts()):$the_query->the_post();?>

这里是循环输出的文章列表样式,想怎么弄怎么弄

<?php endwhile;?>

<?php else :?>

没有相关文章

<?php endif;?>

代码就是上面的代码,用在什么地方呢?把 search.php 中循环输出列表的地方换掉就行了。

那另外一种,就是搜索指定文章类型的文章,比如只搜索产品(文章类型 product),同样的道理,先修改搜索框代码,然后搜索结果页通过文章查询来显示就行了。

当然,我们知道默认的搜索结果页只有一个页面模板 search.php,有时我们需要不同的搜索,结果页呈现不同的样式,这个时候怎么办呢?也很简单,根据你所有的搜索然后先创建不同的搜索结果页,然后把 search.php 文件的内容改成一个判断,不同的条件,加载不同的搜索结果页模板就行了。比如,产品(文章类型 product)和文章(文章类型 post)结果页使用不同的模板,那就可以把 search.php 改成:

<?php

if ($_GET['post_type']=='product') { //前提是搜索框代码中有一个name="post_type"的input,value要设置为product

get_template_part( 'search','product');

} else {

get_template_part( 'search','default');

}

?>

最后,强调一下,上面所说的是一个思路,大家可以根据这个思路去定制自己不同需求的搜索功能,比如搜索指定 id 的文章,指定标题的文章等等。使用方法上面的也只是个参考,不同的需求代码写法不同,但是思路是一致的。希望这些对有类似需求的朋友有所帮助,如果有什么不明白的,也可以联系网站客服 qq 进行咨询。

以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


我想将wordpress的默认接口路由改掉,愿意是默认的带一个 wp-json,我想换成 api,直接简单明了。默认路由https://www.xxzhuti.com/wp-json/wp/v2/posts/1新的路由https://www.xxzhuti.com/api/wp/v2/posts/1路由修改wordpress提供了一个钩子来修改 wp-json 的地址,代码入汛function r
wordpress自定义分类法之后,我看到链接都自动在后面添加了一个斜杠,如下图所示打开链接后都是先从一个链接301后到另外一个链接,我这个纳闷,然后一顿找原因,最后竟然是因为固定链接看我后台的固定链接是 /%post_id%/ 这么写的,然后每次都会301自动跳转。正确的写法是 /%post_id%.html 这样写才不会301跳转。一个小问题,往往一个小问题就会折腾好长时间,在这记录一下吧..
事情是这样的,我用 get_post_type 函数创建了一个自定义分类法类型,然后自定义了文件的访问路径代码如下。function tblog_chat_template( $template_path ){    if ( get_post_type() == 'aichat' ) {         if ( is_single() )         {             $temp
最近网站莫名其妙的被顶上了,过一个多小时,就注册一个账号,虽然不多,但是也挺烦,时间一长垃圾注册的就多了。由于我前台把注册关掉了,只允许用第三方登录,经过查找发现是通过后台注册的,后台无须邮箱验证即可注册,也是就想着在后台加个验证码。效果如下实现方法一将下面的代码加入到 function.php 中,刷新页面就会看到。//WordPress新用户注册随机数学验证码function add_s...
最近服务器要到期了,就想着把网站转移到另外一台服务器,本来打算要续费的,但是腾讯云的服务器有了新的规定,域名必须在腾讯云备案才能使用,在别的地方备案的域名需要转到腾讯云,在腾讯云在走一遍备案流程,若是备案简单,时间短也就无所谓了,就转一下,可是这个备案大家也知道,至少得一个月,于是就只能放弃腾讯云了,将站点转回备案的阿里云,以后就用阿里云了,贵点就贵点吧。这不网站迁移过去了,死活图片不显示,各..
今天在写wordpress的接口,然后碰到个奇怪的问题,怎么访问都提示 rest_no_route 的错误,然后就一直跟踪代码,终于找到原因所在。报错信息{'code': 'rest_no_route','message': '未找到匹配URL和请求方式的路由。','data': {'status': 404}}原因分析register_rest_route( string $namespace,
今天看到群友突然滴滴滴的找我QQ,好像出什么大事情一样。原来他由于误操作导致网站文章被删除。
今天遇到一个网友提示网站访问速度比较慢,然后通知日志看到有他的网站WordPress默认登录地址wp-login.php一直在被爬虫抓取,因为是有被破解后台账户信息,导致的占用数据库资源使得网站资源带宽不足后访问降低导致
今天老左在帮助客户升级WordPress的时候我看他网站也比较简单就直接在后台手工升级的。升级后打开网站有出现"There has been a critical error on your website."的错误提示。
我们在使用WordPress搭建的网站是否有留意查看源代码的时候看到标题中的原本"-",被转义成"&#8211"。其实这样并不影响用户阅读体验和搜索引擎,搜索引擎在收录后也会反向转义的。就是感觉看
WordPress默认是无法上传.webp格式的文件,如果要上传需要对上传文件限制进行解除后才能上传。
GTranslate 是一个流行的翻译插件,在免费和付费版本中提供不同的体验。 使用免费版本,您可以轻松提供任何语言的动态翻译,而付费版本提供可索引、可编辑的翻译版本,就像 Weglot 一样。
时下主流的浏览器都自带了广告屏蔽功能,还有ADSafe、ADB等软件插件,不断更新,屏蔽网站代码!
您是否正在寻找可用于显示数据的 WordPress 表格插件? WordPress 表格插件可让您以表格格式存储和呈现数据,以方便访问者阅读。
wordPress数据库除了本身的表以外,部分插件会增加表来存储数据。如果插件已经删除了,这些插件生成的表还在数据库中,那么怎么删除呢?
WordPress几乎是世界上最安全的开源程序,但其后台登录注册的地址始终是众所周知的,所以不少人觉得隐藏WordPress的登录地址后可能会更加安全。下面浩子就针对这个问题来简单说明一下方法。WordPress隐藏后台登录地址
自 WordPress 5.8 正式版发布 以后,后台的小工具就默认是块编辑器的界面样式,很多老用户还没有来得及学习就一脸茫然了,今天浩子就来教大家如何恢复WordPress经典小工具。
您想用您的语言翻译 WordPress 插件吗?许多 WordPress 插件是完全可翻译的,世界上任何人都可以轻松翻译。在本文中,我们将向您展示如何轻松地将 WordPress 插件翻译成您的语言(无需任何代码)。
WordPress新手不清楚WordPress调试模式怎么开启,今天来教大家认识和开启。什么是WordPress的调试模式
最近不少用户反馈说WordPress后台的外观-自定义点开后直接报错,错误信息如下: