手札

WordPress搜索结果高亮显示代码版

使用WordPress的时候，想在搜索页面中像搜索引擎那样高亮搜索关键词，这样可以看出搜索结果哪里包含我们的关键词，WordPress是个很强大的php后台系统，它也提供了很简单的搜索功能。我们今天要做的，就是改造一下我们的搜索功能，让你搜索的关键词能在结果中高亮。实现效果可以在本站右上角尝试。具体效果如下：

下面我来讲解一下实现高亮搜索结果关键词的两种方法。

第一种方法：

wordpress主题中的函数文件添加如下代码：

function hx_high_search_word($buffer){
    if(is_search()){
        $arr = explode(" ", get_search_query());
        $arr = array_unique($arr);
        foreach($arr as $v)
            if($v)
                $buffer = preg_replace("/(".$v.")/i", "<strong class='search_words'>$1</strong>", $buffer);
    }
    return $buffer;
}
add_filter("the_title", "hx_high_search_word", 200);
add_filter("the_excerpt", "hx_high_search_word", 200);
add_filter("the_content", "hx_high_search_word", 200);

可以自己定义search_words的样式，比如：