首页 » 网站建设 »

让WordPress网站搜索结果页面关键词高亮

2015年12月15日 / 97次阅读
WordPress

打开支付宝首页,搜索“529018372”,即可领取红包!可重复领。

特色图片

关键词高亮是所有搜索引擎都具备的功能,比如我们用百度搜索云上小悟,您在搜索结果页面,就会看到所有云上小悟的关键词全部都是换了一种颜色来显示。这样的目的是为了醒目,让你更容易的从搜索结果页面找出你需要的信息。

现在,我们也可以增强WordPress网站自带的搜索功能,在搜索结果页面,高亮显示关键词。不仅在文章标题中高亮显示关键词,在摘要中同样可以高亮显示关键词。

要实现在WordPress中高亮显示搜索结果页面的关键词,请将如下代码加入functions.php文件:

function mt_highlight_keys( $text ) {
    if ( is_search() && !is_admin() ) {
        $s = trim( get_search_query() );
        $s = preg_replace( "/[\s]+/", " ", $s );
        $keys = explode(' ', $s);
        $text = preg_replace('/(' . implode('|', $keys) . ')/iu', '<b class="highlight">$1</b>', $text);
    }
    return $text;
}
add_filter( 'the_title', 'mt_highlight_keys' );
add_filter( 'the_excerpt', 'mt_highlight_keys' );

代码首先判断是否为搜索操作,并且不是在管理后台进行的搜索操作;然后准备关键词字符串,注意,代码中对关键词前后,或者多个关键词的中间出现任意多个空格进行了优化处理;然后对字符串中出现的关键词进行高亮处理,你可以自己任意定义highlight类要显示的CSS风格;最后是两个过滤器,有这两个过滤器,你的搜索结果页面才能够看到高亮效果。

下图是本站使用这段代码后的高亮效果:

WordPress网站搜索结果页面关键词高亮

WordPress网站搜索结果页面关键词高亮

Look,关键词高亮的效果还不错吧!各位可以在本站搜索试试看效果。

本文链接:http://www.maixj.net/wz/guanjianci-gaoliang-9910
云上小悟 麦新杰(QQ:1093023102)

相关文章

评论是美德

《让WordPress网站搜索结果页面关键词高亮》有1条评论

无力满足评论实名制,评论对非实名注册用户关闭,有事QQ:1093023102.

  • 麦新杰

    完善一下这段代码,在关键词中如果出现“/”这个字符,则不进行高亮显示:

    $s = trim(get_search_query());
    if (strpos($s, '/') === false) {
        $s = preg_replace("/[\s]+/"," ",$s);
        $keys = explode(' ', $s);
        $text = preg_replace('/(' . implode('|', $keys) . ')/iu', '<b class="highlight">$1</b>', get_the_title());
        echo $text;
    } else {
        the_title();
    }
    [ ]


前一篇:
后一篇:

栏目精选

云上小悟,麦新杰的独立博客

Ctrl+D 收藏本页

栏目


©Copyright 麦新杰 Since 2014 云上小悟独立博客版权所有 备案号:苏ICP备14045477号-1。云上小悟网站部分内容来源于网络,转载目的是为了整合信息,收藏学习,服务大家,有些转载内容也难以判断是否有侵权问题,如果侵犯了您的权益,请及时联系站长,我会立即删除。

网站二维码
go to top