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

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

//搜索高亮 https://www.waizhuti.com/1026.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>$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对标签的样式进行调整(加颜色、下划线等)。

 

 

赞(0)
分享到: 更多 (0)
广告位招租了啦!!!快来联系
此处应有广告

评论 2

评论前必须登录!

 

  1. #2
    杭州兼职网 4年前 (2017-07-23)  

    来看看总能学到一点东西!

  2. #1
    增达 4年前 (2017-07-20)  

    我也有过博客,不过那都是很多年前的事情了!

很高兴本文可以为您带来灵感和帮助!

支付宝扫一扫打赏

微信扫一扫打赏

QQ扫一扫打赏