当我们使用 Google 等搜索引擎的时候，搜索引擎都会自动将我们的搜索关键词高亮或加粗。看到这里，您是否有一种蠢蠢欲动的冲动呼之欲出，也跃跃欲试想将 WordPress 搜索关键词高亮显示呢？那就跟辐射鱼一起改造改造下 WordPress 主题吧。

1. 添加高亮关键词标签

打开 search.php 文件并找到 the_title()，使用以下语句替换它：

echo $title

然后添加以下代码到 title 代码段之前：

1 2 3 4 5 6 7

<?php $title = get_the_title(); $keys= explode(" ",$s); $title = preg_replace('/('.implode('|', $keys) .')/iu', '<strong class="search-title">\0</strong>', $title); ?>

2. css 样式

strong.search-title { background: yellow; }

具体样式请根据您所使用主题修改。

经过上面两步，当我们使用 WordPress 搜索时，就可以在文章标题中高亮显示搜索关键词啦。当然，我们也可以扩展一下，使其全文高亮，详情请看高亮 WordPress 搜索结果 JQuery 篇。