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

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

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



推荐博客

  • 百品站长博客百品站长博客

    百品站长博客是百品软件的创始人的个人博客。小站长是安徽省铜陵市人,于2015年步入互联网。本博客长期提供SEO经验、互联网相关的内容。也在这里记录小站长的点滴。欢迎大家的访问!

    bpz.6b7.net
  • 趣游客趣游客

    专注于分享各种趣闻和排名

    rusmt.net
  • 凌夕博客凌夕博客

    博客,动漫,技术,编程,制作,创造,分享,教学,网络,计算机,服务器

    www.wxjcjx.cn
  • 51圈51圈

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

    www.51quan.top
  • 聆听苏音聆听苏音

    分享所分享的!主要以建站技术、CSS、PHP、HTML、云主机、网站优化、加速、博客心得、心情随笔、佳文分享、个人兴趣爱好内容为主的分享博客!

    www.lkxin.cn
×
图标按钮