云上小悟
首页   关于   小悟志   栏目   标签   文章   归档   友链   联系

   云上小悟  +  

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

网站建设 / by: 麦新杰 / 发布:2015年12月15日 / 56次阅读 / 暂无评论
标签:WordPress优化   / 最后修改时间: 2015-12-17 18:11:23

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


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

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

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

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

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

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

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

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

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

本文固定链接:http://www.maixj.net/wangzhan/guanjianci-gaoliang-9910

“让WordPress网站搜索结果页面关键词高亮”正在等您

发表评论

电子邮件地址不会被公开。 必填项已用*标注


前一篇:
后一篇:

麦新杰的云上小悟独立博客网站文章内容,除非特别注明,全部都是原创,如需转载,请先阅读版权声明!原创文章更具个性,有些文字虽略显随意,但不影响个人思想表达。部分文章是我自己的笔记,为自己记录,总结和收藏,同时也分享给您!这是本博建设的出发点,希望您喜欢并得到您的支持!喝杯茶,慢慢阅读...

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

本站360安全检测  Valid CSS!