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

2019-03-13 23:59:51来源：万戈的Blog 阅读 ()

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

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

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

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

<?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','<span style="font-weight:700;background:#ffff00;">\0</span>',$title);
    $content = preg_replace('/('.implode('|', $keys) .')/iu','<span style="font-weight:700;background:#ffff00;">\0</span>',$content);
?>

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

<?php echo $title; ?>

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

<?php echo $content;?>

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

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

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

作者：万戈

原文：http://wange.im/highlight-keywords-in-wordpress-search.html

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有