1. CJH首页
  2. WordPress

WordPress搜索结果页搜索词高亮显示

今天分享一个WordPress站内搜索页搜索词高亮功能,先来看下效果:

高亮效果

搜索效果如下图所示,当然你也可以尝试本站搜索功能。

搜索词高亮效果展示

搜索完有没有发现本站搜索结果页是静态URL,附上教程:

WordPress搜索结果页URL伪静态化处理方法

实现方法

此功能如何实现的呢,把下方代码加到我们的WordPress主题文件function.php中即可。

添加方法:如何修改WordPress主题文件

//搜索结果标题搜索词高亮
function search_word_replace($buffer){
    if(is_search()){
        $arr = explode(" ", get_search_query());
        $arr = array_unique($arr);
        foreach($arr as $v)
            if($v)
                $buffer = preg_replace("/(".$v.")/i", "<span style="\&quot;background-color:#ff0;\&quot;"><strong>$1</strong></span>", $buffer);
    }
    return $buffer;
}
add_filter("the_title", "search_word_replace", 200);
add_filter("the_excerpt", "search_word_replace", 200);
add_filter("the_content", "search_word_replace", 200);

添加后返回到搜索结果页,刷新页面,即可看到效果,如果没变化,请检查代码或者尝试按ctrl+f5清理浏览器缓存。

转转请注明出处:https://chenjianhao.com/highlight-keywords-in-search-results.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注