wordpress主题实现搜索页关键词高亮

今天给网站搜索页加了关键词高亮功能,分享出来,希望对小伙伴们有所帮助。

实现效果如下图:

 

那么我们直接先上主要代码:

1
2
3
4
5
6
7
8
9
10
11
<?php
   $s = trim(get_search_query()) ? trim(get_search_query()) : 0;
   $title = get_the_title();
   // 100是摘要字符数,......是结束符号。
   $content = mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 100,"......");
   if($s){
      $keys = explode(" ",$s);
      $title = preg_replace('/('.implode('|', $keys) .')/iu','<strong style="color: #f07b35;">\0</strong>',$title);
      $content = preg_replace('/('.implode('|', $keys) .')/iu','<strong style="color: #f07b35;">\0</strong>',$content);
   }
?>

那么如何使用呢?

打开主题下search.php,找到这句代码:

1
<?php while ( have_posts() ) : the_post(); ?>

然后将主要代码复制到这句的后面。然后做一些小修改。

① 标题

将你文章的标题

1
<?php the_title(); ?>

替换成:

1
<?php echo $title; ?>

② 描述

将你文章的描述 ,比如:

1
<?php echo mb_strimwidth(strip_tags(apply_filters('content', $post->post_content)), 0, 100,"..."); ?>

修改成:

1
<?php echo $content; ?>

以上即完成了代码的修改,然后你去网站搜索一下试试吧。

写在最后

好了,本文到此结束,希望对你有帮助 🙂

如果还有什么疑问或者建议,可以多多交流,原创文章,文笔有限,才疏学浅,文中若有不正之处,万望告知。

如果觉得文章对你有帮助,请点个赞或者打赏支持一下,谢谢!

人已赞赏
WP实用教程

wordpress代码实现自助申请友链功能

2019-12-19 17:28:57

WP实用教程

WordPress主题代码禁止纯英文和日文评论

2019-12-19 17:30:22


版权免责声明

本资源仅用于个人学习测试使用,禁止用于任何商业环境,请于下载后24小时内 删除本资源!

本文所有相关技术/资源内容统一放在下载包里

  1. 1、本网站名称:指点聚源码
  2. 2、本站永久网址:https://www.zhidianju.com
  3. 3、站内所有资源均可通过日常签到等任务进行免费兑换,记得每日来本站签到哦~!(由于模板不是很完善签到 需刷新一下!)。
  4. 4、如果您觉得本站有帮助到您,也想给本站一些帮助。您可以再下方打赏本站。
  5. 5、如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
  6. 6、本站资源来源于互联网收集/个人购买,如有侵犯到您的权益,请查看【版权声明】
  7. 7、本站提供的所有资源均来自互联网搜索,站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁 止用于任何商业环境,任何人不得擅作它用,否则后果自负!请在下载24小时内删除!为尊重作者版权,请购买原版作品,支 持你喜欢的作者,谢谢!
  8. 8、本站资源大多存储在云盘,如发现链接失效 【链接失效】 我们会第一时间更新。本站提供的源码、模板、软件工具等其他资源, 都不包含技术服务 请大家谅解!
  9. 9、如遇到加密压缩包,默认解压密码为"www.zhidianju.com",如遇到无法解压的请联系管理员!
  10. 10、本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索