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

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

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



推荐博客

  • 喵喵喵博客喵喵喵博客

    喵喵喵博客是一个致力于收集网络上最新最潮流的网络流行语的博客,为您提供最新以及年度最热门的网络用语、网络热词、网络新词等网络词汇的出处以及意思、用法盘点。也可以说这是一个充满了梗的网站。

    www.miaomiaomiao.org
  • 有你哪都是故乡有你哪都是故乡

    一个有梦想的00后!

    zhanbing.top
  • 皇朝博客网皇朝博客网

    皇朝博客网是一个集合网络各类精品资源 技术教程 各种珍藏福利的精品网站。

    www.hcbkw.cn
  • Glumi-BlogGlumi-Blog

    GLUMI-Resource Blog是专注于互联网资源分享的网站,目标是汇集网上的技术资源、学习资料、实用软件、破解软件等、最丰富的资源下载。集成全网的资源发布站。教程资源、资讯文章。站长持续更新中。

    glumi.cn
  • 尚要来博客尚要来博客

    尚要来博客,专注手机网上赚钱的个人自媒体博客。主要做安卓手机赚钱软件,苹果手机赚钱软件和电脑网上赚钱。

    shangyaolai.com
×
图标按钮