您现在的位置是：首页 > 网站制作 > WordpressWordpress

实现wordpress搜索结果页面搜索关键词高亮

杰帅2023-08-26【Wordpress】人已围观

简介通过把wordpress搜索结果页面里的搜索关键词高亮显示，可以便于用户在搜索结果页面查找与自己搜索关键词相关的搜索结果，极大地提高了网站的用户体验。

通过把wordpress搜索结果页面里的搜索关键词高亮显示，可以便于用户在搜索结果页面查找与自己搜索关键词相关的搜索结果，极大地提高了网站的用户体验。实现的方法非常简单，无需安装任何插件，仅需要在当前主题functions.php文件添加相关的函数代码，然后根据嵌套标签调整 CSS样式即可。

实现方法：

在当前主题的functions.php文件添加代码：

//搜索高亮
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", "<strong>$1</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);

给它结果页面的搜索关键词嵌套了strong加粗标签（如想嵌套其它如em、b、span标签请修改以上代码中的<strong>$1</strong>），然后可以通过css对标签的样式进行调整（加颜色、下划线等）。

Tags：wordpress 关键词搜索

很赞哦！ ()

上一篇：使用 wp_trim_words() 截取限定字数的内容

下一篇：如何在WordPress主页、文章页显示不同页脚