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

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

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



推荐博客

  • 51圈51圈

    51圈子,是一个圈子博客,也是一个自媒体博客,原名月儿的博客,本博客开放注册,可以发表日志和免费资源,可以分享照片,也可以互动问答。抒发感情,分享生活,提供稀有软件、方法,打造社区生态圈。商城提供源码、商品,赚积分就可以得到你想要的东西。

    www.51quan.top
  • 站长集聚地站长集聚地

    站长集聚地资源网,老李博客-这是一个涨技术的网站 blog.laolibab.cn-老李资源网(blog.laolibab.c),是一个乐享互联网,程序,教程,IT界动态,创新,生活,编程,站长工具,源码,福利线报,赚钱活动,交流学习的技术实验室。

    blog.laolibab.cn
  • 缘生缘生

    热衷开源,拥抱开源,擅长半途而废写轮子

    ysicing.me
  • mjx's blogmjx's blog

    一个小白分享技术的博客

    mjx.js.org
  • 欧零博客欧零博客

    欧零博客(OUZERO.COM)是一个热爱IT技术,乐于分享网络资源的博客,主要分享:网站源码,模板插件,网络技术,经验教程,站长工具,软件下载,Emlog 等.专注于:前端美化,二次开发,响应式,自适应 等

    www.ouzero.com
×
图标按钮