gpt4 book ai didi

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

转载 作者:qq735679552 更新时间:2022-09-29 22:32:09 29 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章wordpress博客搜索关键词高亮显示实现代码由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

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

复制代码 。

代码如下

function hls_set_query() {  $query = attribute_escape(get_search_query());  if(strlen($query) > 0){  echo '  <script type="text/javascript">  var hls_query = "'.$query.'";  </script>  ';  }  }  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>  。

最后此篇关于wordpress博客搜索关键词高亮显示实现代码的文章就讲到这里了,如果你想了解更多关于wordpress博客搜索关键词高亮显示实现代码的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com