wordpress博客搜索关键词高亮显示实现代码

大佬教程收集整理的这篇文章主要介绍了wordpress博客搜索关键词高亮显示实现代码，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

最近对wordpress的一些小改进很感兴趣，可以让你的博客更加个性，也更有趣味性，下面的代码可以在结果中高亮你所搜索的关键词。首先把第一段代码放在functions.PHP中： <div class="msgborder" id="phpcode1"> function hls_set_query() { $query = attribute_escape(get_search_query()); if(strlen($query) > 0){ echo ' <script type="text/javascript"> var hls_query = "'.$query.'"; '; } } function hls_init_jquery() { wp_enqueue_script('jquery'); } add_action('init','hls_init_jquery'); add_action('wp_print_scripts','hls_set_query');　　然后把下面的代码放在header.PHP中，就OK了。 <style type="text/css" media="screen"> .hls { BACkground: #D3E18A; } <script type="text/javascript"> jQuery.fn.extend({ highlight: function(search,insensitive,hls_class){ var regex = new RegExp("(<[^>]>)|(b"+ search.replace(/([-.+?^${}()|[]/])/g,"$1") +")",insensitive ? "ig" : "g"); return this.html(this.html().replace(regex,function(a,b,C){ return (a.charAt(0) == "<") ? a : "<h3 class=""+ hls_class +"">" + c + ""; })); } }); jQuery(document).ready(function($){ if(typeof(hls_query) != 'undefined'){ $("#post-area").highlight(hls_query,1,"hls"); } });

大佬总结

以上是大佬教程为你收集整理的wordpress博客搜索关键词高亮显示实现代码全部内容，希望文章能够帮你解决wordpress博客搜索关键词高亮显示实现代码所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。