您好,欢迎来到中国博客联盟!这里只收录优秀独立博客,纯手工审核机制!
点此可加入QQ群交流建站心得!中国博客联盟QQ交流群快速加群按钮  中国博客联盟QQ交流群快速加群按钮 / 登录 / 注册 / 找回密码
当前位置:中国博客联盟 » 站长资讯 » 建站技巧 » 文章详细

WordPress搜索结果显示高亮解决方法

来源:若兮为尘 浏览:2992次 时间:2014-09-06

首先声明这部分内容不是原创内容,具体是在哪看到代码的我忘了。添加这个代码可以让你在搜索的时候对搜索词来个高亮显示,起到很好的视觉效果。下面就如何让WordPress搜索结果显示高亮做一说明:

若兮为尘WordPress搜索显示高亮
在function.php里面添加如下内容,即定位出关键词,给他加上html标签

1
2
3
4
5
6
7
8
9
10
function rccoder_highlight_results($text){
if(is_search()){
$sr = get_query_var('s');
$keys = explode(" ",$sr);
$text = preg_replace('/('.implode('|', $keys) .')/iu', ''.$sr.'', $text);//设置突出关键字样式
}
return $text;
}
add_filter('the_excerpt', 'rccoder_highlight_results');
add_filter('the_title', 'rccoder_highlight_results');

然后添加css样式,下面提供简单的变成橘黄色样式

1
stronglight{color:#E64343}

OK!完成,如果没有效果,请检查浏览器缓存与插件缓存,或者cdn镜像文件的缓存。



推荐博客

  • 九霄龙吟君临天下九霄龙吟君临天下

    An attitude website .....

    www.6c6c.cn
  • 好呢博客好呢博客

    这不单单是一个人的博客

    huangwenlong.wicp.vip
  • AK博客-资源AK博客-资源

    AK博客是全网最大的免费网络资源分享平台,每天更新各种QQ技术教程,最新活动线报,以及各种好玩的软件等,记得每天都要访问一下我们的网站,让生活更加精彩!搜集最新QQ活动咨询,QQ业务乐园,小B娱乐网,我爱网,QQ国际,QQ钻石皇朝,爱Q生活网,腾讯爱好者,QQ技术网,QQ资源网,小刀娱乐网,QQ技术网,小K娱乐网

    www.ak123.ml
  • 知兮寒兮知兮寒兮

    一个Java程序员的个人博客,专注技术分享、资源分享、网站建设、资源分享等内容

    applyset.xyz
  • 木朵爱木朵爱

    木朵爱,为国内早期的爱情博客,记录相爱中的人,在感情里的点点滴滴。记录下的点滴,将成为日后最宝贵的回忆!

    www.muduoai.cn
×
图标按钮