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

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

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



推荐博客

  • 西巴博客西巴博客

    默默学习it的懒羊羊

    xi8.me
  • 佳乐博客佳乐博客

    佳乐博客-一个伪文艺青年

    www.qqljl.cc
  • 小徐博客网小徐博客网

    本站是徐昭祥的个人博客,博主是一位00后,目前初中狗。博主擅长易语言,乐高以及js,css,html,php,还擅长D站和CC攻防。博主是一名技术宅,整天电脑上破软件。

    smallxu.me
  • 萧瑟云资讯萧瑟云资讯

    萧瑟云资讯为云梦创客旗下的自媒体博客,创始于2012年,后合并到云梦创客旗下。主要分享互联网资讯,让跟多的人了解互联网新闻。

    www.xsyrz.cn
  • 小苍老师小苍老师

    精彩阅读尽在苍蓝OL原创文学小苍老师博客,苍蓝OL提供原创诗歌,散文,杂文,微小说,热议点评等免费阅读!现在苍蓝OL小苍老师博客原创文学广泛收稿啦!

    www.cunlanlog.com
×
图标按钮