WordPress站内实现搜索页关键词高亮

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

实现效果如下图:

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

<?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);
   }
?>

 

然后将主要代码复制到这句的后面。

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

然后做一些小修改。

① 标题

将你文章的标题

<?php the_title(); ?>

替换成:

<?php echo $title; ?>

② 描述

将你文章的描述 ,比如:

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

替换为:

<?php echo $content; ?>

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

写在最后

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

本站部分文章资源来源于互联网,仅供学习交流,如若要商用,请购买正版!
若不听劝告,网友造成出现一切后果,与本站本人无关
本站有些资源未经测试,请注意网络安全,本站不对下载的资源造成的后果负责
免责声明
作者:昼白
转载请注明来源:https://www.zhoubaiwl.club/2297.htm
THE END
分享
二维码
打赏
< <上一篇
下一篇>>