高亮 WordPress 搜索关键词
当我们使用 Google 等搜索引擎的时候，搜索引擎都会自动将我们的搜索关键词高亮或加粗。看到这里，您是否有一种蠢蠢欲动的冲动呼之欲出，也跃跃欲试想将 WordPress 搜索关键词高亮显示呢？那就跟辐射鱼一起改造改造下 WordPress 主题吧。
- 添加高亮关键词标签
- css 样式
打开 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); ?> |
strong.search-title { background: yellow; }
具体样式请根据您所使用主题修改。
经过上面两步，当我们使用 WordPress 搜索时，就可以在文章标题中高亮显示搜索关键词啦。当然，我们也可以扩展一下，使其全文高亮，详情请看高亮 WordPress 搜索结果 JQuery 篇。
5个评论
Leave a Reply.
1 aunsen
February 3rd, 2009 at 17:47
沙发！
2 减肥食谱
February 3rd, 2009 at 23:23
板凳，支持下
3 leesum
February 12th, 2009 at 21:54
高亮分类是否有好的方法~~~我比较喜欢将分类设为导航···
4 辐射鱼
February 12th, 2009 at 22:36
呃，你这个评论比较离题。要想高亮当前分类，用if语句判断就是。