关于小悟志网站地图归档友情链接联系Feed

云上小悟 + 

首页 » 网站建设 »

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

网站建设
2015年12月15日 / 81次阅读
标签:WordPress

拍拍贷

文章《让WordPress网站搜索结果页面关键词高亮》的特色图片

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

现在,我们也可以增强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)

相关文章

评论是美德

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


前一篇:
后一篇:

栏目精选


©Copyright 麦新杰 Since 2014 云上小悟独立博客版权所有 备案号:苏ICP备14045477号-1

网站二维码
拍拍贷
go to top