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

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

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



推荐博客

  • 冷界资源博客冷界资源博客

    冷界网旗下免费资源娱乐分享站点,创建于2017年的干货分享博客网站,是一个分享实用干货、网站源码、游戏活动,致力于成为高质量信息的网站,打造上等博客。

    www.lygsj.top
  • 勇帅博客勇帅博客

    勇帅博客(blog.ssorg.cn)提供,营销,安卓,电脑,最新技术资料等,分享,优美散文,文章,黑客软件,黑客教程,实用的网络资源分享,让互联网更有趣!

    blog.ssorg.cn
  • 悠游客悠游客

    分享与旅游有关的趣闻

    rusmt.net
  • 爱猫说-设计狮的独立博客爱猫说-设计狮的独立博客

    爱猫说,分享身边的故事,每一天,都是你的设计灵感!

    imaoshuo.cn
  • 小乐博客小乐博客

    全网最大的免费网络资源分享平台... 含了千万网友上传的多种格式的文档,同时也提供海量资料的免费下载,内容涉及教育资源、专业资料、IT资料、娱乐生活、经济...

    blog.menglenet.com
×
图标按钮