WordPress博客高亮显示搜索关键词

  • 时间:
  • 浏览:8
  • 来源:10分6合_10分6合平台_10分6合网投平台
作者:匿名 hihi 来源:可咔酷 浏览: 2012-3-22 14:46:03 字号:大 中 小

[摘要]在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("(<[^>]*>)|(\\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>

Wordpress下载:

本文转自:http://www.kekaku.com/wordpress/1377

sssss
Tags: wordpress教程   wordpress高亮关键词   WordPress下载  
责任编辑:cc120