奥多码,点击查看详情 APP分发吧,点击查看详情

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

       
广告2021-06-03到期2021-07-03广告2021-06-03到期2021-07-03
       
广告2021-06-03到期2021-07-03广告2021-06-03到期2021-07-03

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

  1. functionhls_set_query(){
  2. $query=attribute_escape(get_search_query());
  3. if(strlen($query)>0){
  4. echo
  5. ‘;
  6. }
  7. }
  8. functionhls_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. <styletype=“text/css”media=“screen”>
  2. .hls{background:#D3E18A;}
  3. </style>
  4. <scripttype=“text/javascript”>
  5. jQuery.fn.extend({
  6. highlight:function(search,insensitive,hls_class){
  7. varregex=newRegExp(“(&lt;[^>]*>)|(\b”+search.replace(/([-.*+?^${}()|[]/])/g,“\$1”)+“)”,insensitive?“ig”:“g”);
  8. returnthis.html(this.html().replace(regex,function(a,b,c){
  9. return(a.charAt(0)==“<“)?a:“&lt;strongclass=””+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>
本文由【好易之】整理自网络!
原创文章,作者:【好易之】如转载请注明出处:https://www.zhengjiaxi.com/zxwd/jswd/69861.html
如有侵权,请邮件联系 aoduoye@qq.com 删除。
本站发布的文章及附件仅限用于学习和研究目的;不得将上述内容用于商业或非法用途,否则后果请用户自负。
本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。
如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。
(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
好易之的头像好易之站长
上一篇 2020-05-27 00:38
下一篇 2020-05-27 00:38

相关推荐

发表回复

登录后才能评论

联系我们

400-800-8888

在线咨询:点击这里给我发消息

 

工作时间:周一至周五,9:30-18:30,节假日休息

关注公众号
请查看头部文章来源地址!本站所有内容均为互联网收集整理和网友上传。仅限于学习研究,切勿用于商业用途。否则由此引发的法律纠纷及连带责任本站概不承担。
阿里云