给WordPress的搜索添加高亮关键词显示功能
发布时间:2020-12-14 14:14:18 所属栏目:wordpress 来源:网络整理
导读:给WordPress的搜索添加高亮关键词显示功能,实现方法如下: 最近对wordpress的一些小改进很感兴趣,可以让你的博客更加个性,也更有趣味性,下面的代码可以在结果中高亮你所搜索的关键词。首先把第一段代码放在functions.php中 function hls_set_query() { $
给WordPress的搜索添加高亮关键词显示功能,实现方法如下: 最近对wordpress的一些小改进很感兴趣,可以让你的博客更加个性,也更有趣味性,下面的代码可以在结果中高亮你所搜索的关键词。首先把第一段代码放在functions.php中 function hls_set_query() { $query = attribute_escape(get_search_query()); if(strlen($query) > 0){ echo ' <script type="text/javascript"> var hls_query = "'.$query.'"; </script> '; } } 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; } </style> <script type="text/javascript"> jQuery.fn.extend({ highlight: function(search,insensitive,hls_class){ var regex = new RegExp("(<[^>]*>)|("+ search.replace(/([-.*+?^${}()|[]/])/g,"$1") +")",insensitive ? "ig" : "g"); return this.html(this.html().replace(regex,function(a,b,c){ return (a.charAt(0) == "<") ? a : "<strong class=""+ hls_class +"">" + c + "</strong>"; })); } }); jQuery(document).ready(function($){ if(typeof(hls_query) != 'undefined'){ $("#post-area").highlight(hls_query,1,"hls"); } }); </script> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |