最新消息:本站所有跳转向bbs.ykit.cn的附件将全面停止,附件已转移到https://www.qingsj.com

WordPress 搜索页面关键词高亮

wordpress教程 有客 598浏览 0评论

使用 WordPress 的时候,想在搜索页面中像搜索引擎那样将关键词高亮标出,这样可以看出那些内容,下面 PHP 代码加在主题文件夹下的 functions.php 中,样式放到 style.css 里面,可能现在的优先级还不够,你还需要提高他的优先级让他生效!

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", "<em>$1</em>", $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);

上面的代码我们只是给关键词添加了一个标签,接下来我们还需要给这个标签添加一些样式。

em{color:red;}

转载请注明:有客帮 » WordPress 搜索页面关键词高亮

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址