网站主页 > 建站教程 >

Wordpress 站内搜索高亮显示关键词

来源:未知 时间:2010-07-19 08:14 字体: [ ] 参加站长培训 收藏 我要投稿

  被 Qiqiboy 刺激后,我阴差阳错地折腾出了非插件的 Wordpress 高亮显示关键词及欢迎提示,但是这个搜索关键词高亮提示仅仅是针对来自 Google、百度等搜索引擎的访客,貌似对用站内搜索的朋友就有些不公平了,所以昨天考完试,我今天又马不停蹄地折腾起来,誓言要把 Wordpress 站内搜索高亮显示关键词的功能搞定!结果,还真搞定了,哈哈~

  无论是用 PHP 还是 Javascript 来实现 Wordpress 站内搜索高亮关键词,都不可避免地会用到正则表达式,而偏偏这又是我的软肋,汗颜~先是参考了网上流传最多的 Jquery 实现站内搜索高亮关键词的方法,很可惜,这是一个老外的成果,完全没有考虑到我们非英语为母语的国家,所以这个高亮方法仅支持英文单词开头的关键词,用中文就杯具了。

  所以最终还是参考了 Qiqiboy 的 wordpress高亮搜索结果+实现关键字前后截断显示。。。,他用的是 PHP 正则表达式的方法,最大的特点就是可以完美支持中文,而且比 Jquery 的方法执行速度也更快,最让我喜欢的一点是,非插件!哈哈~于是就拿来根据自己的主题修改了一番,方法如下:

  在 Wordpress 主题文件的 search.php 搜索结果文件中的主循环中加入以下代码:

  

  $title = get_the_title();

  $content = mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 600,"......");

  $keys = explode(" ",$s);

  $title = preg_replace('/('.implode('|', $keys) .')/iu','\0',$title);

  $content = preg_replace('/('.implode('|', $keys) .')/iu','\0',$content);

  ?>

  调用高亮的标题用以下代码:

  

  调用高亮的日志内容用以下代码:

  

  就这样,效果还是蛮不错的,大家可以去我头部导航右上角的站内搜索输入一些关键词试试,中文的、英文的都可以。另外我的 PHP 实力很菜,这修改过程可能不太完美,而且以上代码是根据我自己主题的需要修改的,并不完全通用。大家有同样需要 Wordpress 站内搜索关键词高亮显示功能的,可以直接去 Qiqiboy 的原文学习:http://www.qiqiboy.com/2010/07/16/wordpress-highlighted-keyword-search-results.html

  最后贴一张站内搜索关键词高亮的截图:

  

 

  Wordpress 站内搜索高亮显示关键词

责任编辑: admin 您的投稿就是对我们最大的支持.
  • 评论加载中...

    发表评论

  • 用户名: 密码: 验证码: 点击我更换图片

  • 头条
  • 推荐