wordpress教程：博客搜索关键词高亮显示实现代码

10天前更新

052911

请勿商业运营，违法使用和传播！资源仅供研究学习使用！解压密码为：www.sqidh.com

注：在使用本系统时，使用方必须在国家相关法律法规范围内并经过国家相关部门的授权许可，禁止用于一切非法行为。使用用途仅限于测试、实验、研究为目的，禁止用于一切商业运营，本团队不承担使用者在使用过程中的任何违法行为负责所有源码请自测！不保证你源码完整性有效性所有源码都是全网搜集
免责声明：本资源并未取得原始权利人的授权，不可商用，仅可用于学习分析底层代码，CSS等，禁止用于商业行为。如因擅自商用引起的相关纠纷及法律责任，由使用人全部承担。支持正版，人人有责，请于下载后24小时内删除，谢谢支持！
如果蓝奏云下载失效请更换最新链接：sqcode.lanzouh.com/xxxx 【x改成h】

最近对wordpress的一些小改进很感兴趣，可以让你的博客更加个性，也更有趣味性，下面的代码可以在结果中高亮你所搜索的关键词。首先把第一段代码放在functions.php中：

function hls_set_query() {
$query = attribute_escape(get_search_query());
if(strlen($query) > 0){
echo ‘
‘;
}
}
function hls_init_jquery() {
wp_enqueue_script(‘jquery’);
}
add_action(‘init’, ‘hls_init_jquery’);
add_action(‘wp_print_scripts’, ‘hls_set_query’);

将下面的代码放在header.php中，就OK了。

<style type=“text/css” media=“screen”>
.hls { background: #D3E18A; }
</style>
<script type=“text/javascript”>
jQuery.fn.extend({
highlight: function(search, insensitive, hls_class){
var regex = new RegExp(“(<[^>]*>)|(\\b”+ search.replace(/([-.*+?^${}()|[\]\/\\])/g,“\\$1”) +“)”, insensitive ? “ig” : “g”);
return this.html(this.html().replace(regex, function(a, b, c){
return (a.charAt(0) == “<“) ? a : “<strong class=\””+ hls_class +“\”>” + c + “</strong>”;
}));
}
});
jQuery(document).ready(function($){
if(typeof(hls_query) != ‘undefined’){
$(“#post-area”).highlight(hls_query, 1, “hls”);
}
});
</script>

温馨提示：本文最后更新于2022-05-12 13:35:36，某些文章具有时效性，若有错误或已失效，请在下方留言或联系神柒社长。

------本页内容已结束，喜欢请分享------

感谢您的来访，获取更多精彩文章请收藏本站。

本站网络名称： 神柒运维

本站永久网址： https://www.sqidh.com

网站侵权说明：本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长QQ51313719删除处理。
1 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
3 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END

经验分享
# wordpress教程 # 网站制作

喜欢就支持一下吧

点赞11 赞赏