今天我们来说下WordPress 搜索高亮,一般情况下在没有配置WordPress 搜索高亮代码的时候WordPress 搜索结果并不会高亮搜索关键词,但是我们去别人的网站搜索关键词时相关搜索词会高亮这个效果非常不错是不是,那么我们也来为我们的WordPress 搜索高亮下。

WordPress 搜索高亮

为搜索结果页中的标题和正文的关键字添加 highlight 类,然后你就可以通过 CSS 设定高亮样式了。


function ruike_highlight_search_keywords($text){
    if ( is_search() ) {
        $s = get_search_query();
        $keys = explode(' ', $s);
        $text = preg_replace('/(' . implode('|', $keys) . ')/iu', '<strong class="highlight">$1</strong>', $text);
    }
    return $text;
}
add_filter( 'the_title', 'ruike_highlight_search_keywords' );
add_filter( 'the_excerpt', 'ruike_highlight_search_keywords' );

WordPress 搜索高亮代码二


//搜索高亮
function search_word_replace($buffer){
    if(is_search() && !is_admin()){
        $arr = explode(" ", get_search_query());
        $arr = array_unique($arr);
        foreach($arr as $v)
            if($v)
                $buffer = preg_replace("/(".$v.")/i", "<strong><font color='#ff0000'>$1</font></strong>", $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);

那么今天的WordPress 搜索高亮就介绍到这里了,学会了WordPress 搜索高亮就赶紧去添加到您的WordPress主题中去吧!