首先声明这部分内容不是原创内容,具体是在哪看到代码的我忘了。添加这个代码可以让你在搜索的时候对搜索词来个高亮显示,起到很好的视觉效果。下面就如何让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镜像文件的缓存。