WordPress搜索结果中关键词高亮显示

编辑：狂族晨曦 来源：建站分享，WordPress技巧 日期：2015-09-07 阅读： 1,961 次 抢个沙发 百度已收录

在国内，我们经常说的一句话有“百度一下”。百度是国内搜索引擎的巨头，我们几乎天天用它搜索，但真的自己要做个搜索功能的时候，还真有点小激动呢。

WordPress是个很强大的博客后台软件，它也提供了很简单的搜索功能。我们今天要做的，就是改造一下我们的搜索功能，让你搜索的关键词能在结果中高亮。

实现效果可以在本站右上角尝试。具体效果如下：

实现代码

把以下代码加入WordPress主题目录下的搜索模板文件（一般是search.php）中的主循环中：

<?php
$title = get_the_title();
//300是摘要字符数，......是结束符号。
$content = mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 300,"......"); 
$keys = explode(" ",$s);
$title = preg_replace('/('.implode('|', $keys) .')/iu','<strong style="color:#953b39;">\0</strong>',$title);
$content = preg_replace('/('.implode('|', $keys) .')/iu','<strong style="color:#953b39;">\0</strong>',$content); 
?>

然后在需要显示标题的地方使用以下代码显示

<?php echo $title; ?>

在需要显示摘要的地方使用以下代码

<?php echo $content;?>

应该是很简单的。代码加入search.php之后应该就会有效果。记住要把这些代码放在一个循环中。不要把主代码放在search.php中，而下面的显示标题和内容的代码放在引入的列表文件。

补充：使用过程中关键字后面加空格搜索出现乱码。换以下代码：

<?php
$s = trim(get_search_query()) ? trim(get_search_query()) : 0;
$title = get_the_title();
//300是摘要字符数，......是结束符号。
$content = mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 300,"......"); 
if($s){$keys = explode(" ",$s); 
$title = preg_replace('/('.implode('|', $keys) .')/iu','<strong style="color: #953b39;">\0</strong>',$title); 
$content = preg_replace('/('.implode('|', $keys) .')/iu','<strong style="color: #953b39;">\0</strong>',$content); 
}?>

历史上的今天:

• 2016:  keepalived+lvs+nginx+tomcat轮询模式刷新很久才切换realserver(9)