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

概述个性化你的wordpress博客，下面的代码可以在结果中高亮你所搜索的关键词，感兴趣的各位可不要错过了哈，希望可以帮助到你

最近对wordpress的一些小改进很感兴趣，可以让你的博客更加个性，也更有趣味性，下面的代码可以在结果中高亮你所搜索的关键词。首先把第一段代码放在functions.PHP中： <div 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','hlssetquery');　　然后把下面的代码放在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 + hls_class +"">" + c + ""; })); } }); jquery(document).ready(function($){ if(typeof(hls_query) != 'undefined'){ $("#post-area").highlight(hls_query,1,"hls"); } });

总结

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

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