最近对wordpress的一些小改进很感兴趣,可以让你的博客更加个性,也更有趣味性,下面的代码可以在结果中高亮你所搜索的关键词。首先把第一段代码放在functions.php中:
- function hls_set_query() {
- $query = attribute_escape(get_search_query());
- if(strlen($query) > 0){
- echo ‘
- ‘;
- }
- }
- 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(“(<[^>]*>)|(\\b”+ 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>
请登录之后再进行评论