WordPress 搜索页面关键词高亮

这篇博客介绍了如何在WordPress搜索页面中实现关键词高亮显示,通过在functions.php中添加PHP代码,并在style.css中定义em标签的样式,使搜索结果更易阅读。文章还提醒注意CSS优先级问题,确保样式生效。
摘要由CSDN通过智能技术生成

使用 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;}

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值