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

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


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

  1. function hls_set_query() {
  2. $query = attribute_escape(get_search_query());
  3. if(strlen($query) > 0){
  4. echo ‘
  5. ‘;
  6. }
  7. }
  8. function hls_init_jquery() {
  9. wp_enqueue_script(‘jquery’);
  10. }
  11. add_action(‘init’, ‘hls_init_jquery’);
  12. add_action(‘wp_print_scripts’, ‘hls_set_query’);

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

  1. <style type=“text/css” media=“screen”>
  2.     .hls { background: #D3E18A; }
  3. </style>
  4. <script type=“text/javascript”>
  5.    jQuery.fn.extend({
  6.      highlight: function(search, insensitive, hls_class){
  7.        var regex = new RegExp(“(<[^>]*>)|(\\b”+ search.replace(/([-.*+?^${}()|[\]\/\\])/g,“\\$1”) +“)”, insensitive ? “ig” : “g”);
  8.        return this.html(this.html().replace(regex, function(a, b, c){
  9.          return (a.charAt(0) == “<“) ? a : “<strong class=\””+ hls_class +“\”>” + c + “</strong>”;
  10.       }));
  11.      }
  12.    });
  13.    jQuery(document).ready(function($){
  14.     if(typeof(hls_query) != ‘undefined’){
  15.       $(“#post-area”).highlight(hls_query, 1, “hls”);
  16.      }
  17.   });
  18. </script>
温馨提示:本文最后更新于2022-05-12 13:35:36,某些文章具有时效性,若有错误或已失效,请在下方留言或联系神柒社长
------本页内容已结束,喜欢请分享------

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

© 版权声明
THE END
喜欢就支持一下吧
点赞11赞赏 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码