wordpress实现搜索结果页面搜索关键词高亮-奇客源码

文章最后更新时间：2025-04-17 06:23:49

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

实现方法：文章源自奇客源码-https://www.qkget.cn/642.html

在当前主题的functions.php文件添加代码：文章源自奇客源码-https://www.qkget.cn/642.html

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><span style='color: #ff0000;'>$1</span></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);