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博客搜索关键词高亮显示实现代码》的一些看法。更多内容请查看本栏目更多内容!

本文相关话题: 搜索 关键词 高亮显示 WordPress
版权声明:本文为 安达网络工作室 转载文章,如有侵权请联系我们及时删除。
相关文章
遗记wordpress的登录明码的处理办法(比拟简略)

起初在一站长的博客中看到了一个很简约的处理办法(当然不是重装啦,尽管也能够),就是把上面的代码写进一...

wordpress设置友谊链接只在首页显示的办法

关于有的主题,当从后盾小工具中增加友谊链接后,却发现其是为全站显示的。假如只心愿让它在首页显示,则能...

wordpress 博客优化历程(速度)

我的优化步骤是: 1.紧缩CSS和JS文件,并修正一局部插件,优化页面的载入过程 普通需求另外加载JS或许CSS的...

wordpress完成公布文章主动ping 百度

为了放慢收录状况 除了谷歌勤快点 百度也不能落下 复制代码代码如下://文章公布自动ping baidu function pi...

WordPress开发中短代码的完成及相干函数应用技巧

其实完成短代码很简略,咱们只要要用到 WordPress 外面的一个函数就能够搞定短代码,外加本人的一个小函数,...

WordPress博客效劳器环境配置

早就想搭建一个专属于本人的博客了,用来记载本人生存、学习的点点滴滴。之所以选WordPress,次要是由于它能...

需求提交

客服服务

亿鸽在线客服系统