wordpress实现搜索页关键词高亮

http://www.hehaibao.com/wordpress-search-word-highlight/

 

 

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

实现效果如下图：

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

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

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

写在最后

好了，本文到此结束，希望对你有帮助 ?

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

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