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

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

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



推荐博客

  • 云际Colaue's Blog云际Colaue's Blog

    本站作为全球第一家以分享社工技术为主的网站,完全出于站长兴趣爱好、此博客用于分享社工案例,为的是提高公 民的社会工程学攻击防范意识。所有技术类文章除特别说明外均为本站原创,本站所有资源均为学习、交流使用,不 得用于任何商业用途。若由于研究学习本站文章件而带来的损失,本站不负任何责任。 如果本站有文章违

    www.colaue.top
  • 凌夕博客凌夕博客

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

    www.wxjcjx.cn
  • 果壳Sir果壳Sir

    一个平凡的教育工作者

    gksir.top
  • 我的袜子都是洞我的袜子都是洞

    我的袜子都是洞

    ruanfumin.online
  • 1024吧1024吧

    White个人博客,专注网络技术,为网络爱好者提供最优质的服务,本着“低调求发展”的理念、在严格遵守国家法律的前提下低调和谐健康发展,其浓厚的讨论氛围,广泛的研究范围,令许多网络爱好者神往。

    www.10248.top
×
图标按钮