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; ?> |
以上即完成了代码的修改，然后你去网站搜索一下试试吧。
写在最后
好了，本文到此结束，希望对你有帮助 ?
如果还有什么疑问或者建议，可以多多交流，原创文章，文笔有限，才疏学浅，文中若有不正之处，万望告知。
如果觉得文章对你有帮助，请点个赞或者打赏支持一下，谢谢！
![[iOS Animation]-CALayer 性能优化实例](http://static.oschina.net/uploads/img/201509/18152616_IT6V.jpeg)
