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

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

来源:若兮为尘 浏览:2350次 时间: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镜像文件的缓存。



推荐博客

  • 菜鸟博客菜鸟博客

    本博为运维工程师相关技术博客,涉及微软系统、思科设备、各版本Linux、各种服务软件,使用简要语言描述、图文搭配、视频形式讲解各类技术,欢迎您加入我们的团队!

    birdteam.net
  • 旭博客旭博客

    旭博客(xuboke.com)个人情感博客,记录生活点点滴滴,并提供分享建站源码,主题插件破解,个人教程等内容!

    xuboke.com
  • 杰新博客杰新博客

    轻松学习、快乐生活

    neweb.top
  • 赵斌自媒体博客赵斌自媒体博客

    赵斌博客是独立个人自媒体平台,专注于研究分享自媒体运营、网赚项目、微商引流、草根创业,网络营销、微营销、电子商务、搜索引擎排名优化(SEO)、站长新闻、新手建站技术等方面的经验与心得!拥有梦想的人是值得尊敬的,欢迎进入赵斌自媒体博客和一群有梦想的人一起奔跑!

    www.zbzmtbk.com
  • 小世界博客小世界博客

    小世界博客,提供免费QQ资源,各种福利,影视资源,程序源码,站长工具,游戏软件,免费建站,模板插件,自学教程,QQ资源等,致力创造一个高质量网络资源教程的分享平台。

    www.wnooo.cn
×
图标按钮