《双陈记》情侣博客

位置:主页 > 折腾WP > WordPress搜索结果高亮显示(免插件)

WordPress搜索结果高亮显示(免插件)

   搜索结果高亮显示貌似现在很流行的,各大搜索引擎有,越来越多的博客也有了这个功能。WordPress也有相应的插件WP MarkKeyword可以实现搜索结果高亮显示这个功能。我们的《双陈记》情侣博客也要紧跟大部队,实现搜索结果高亮显示
  说下免插件吧的,也就是用代码搞定WordPress搜索结果高亮显示。代码不是
《双陈记》情侣博客原创,在这里提供分享。原理想想也挺简单的。就是把搜索出来的文章标题和内容里的关键字,添加一个css样式,区别于其他文字,然后再替换原来的文章标题和内容,使之显示出来。大概应该是这样理解的。
  首先打开搜索页面search.php,找到the_title(),并替换成:echo $title;找到$content,替换成echo $content,然后在<?php echo $title ?>前加入以下代码:

<?php
$title = get_the_title();
$keys= explode(" ",$s);
$content = mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 600,"……");
$title = preg_replace('/('.implode('|', $keys) .')/iu',
'<strong class="search-excerpt">\0</strong>',
$title);
$content = preg_replace('/('.implode('|', $keys) .')/iu','<strong class="search-excerpt">\0</strong>',$content);
?>

最后就是添加高亮结果的css样式,打开style.css 加入代码:strong.search-excerpt { background: yellow; color:#333} (可以自己定义高亮的样式)
上图才是王道啊:《双陈记》情侣博客成功实现WordPress搜索结果高亮显示功能

原文地址:http://www.wprecipes.com/how-to-enlight-searched-text-in-search-results



无觅相关文章插件

love730.com
To:双陈记

 疑问 冷笑 悲伤 坏蛋 感叹 微笑 脸红 大笑 吃惊 惊讶 困惑 酷 大声笑 恼火 古怪

您还可以输入300个字插入图片