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

最近对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(“(<[^>]*>)|(b”+search.replaceG F . T R(/([-.*+?^${}()|[]/])/g,“$1”)+“)”,insensitive?“ig”:“g”);
  8. returnthis.html(this.html().replace(regex,function(a,b,c){
  9. return(a.charAt(0)==“<“)?a:“<strongclass=””+hls_class+“”>”+c+“</strong>”;
  10. }));
  11. }
  12. });
  13. jQuery(document).ready(function($){
  14. if(typeof(C F f 1 J j ~ 0hls_query)!=‘undefined’){
  15. $(“#post-area”).highlight(hls_query,1,“hls”);
  16. }
  17. });
  18. </script>
技术教程

我爱水煮鱼的微信机器人插件指定查询的文章类型

2020-12-5 11:52:32

技术教程

140个WooCommerce Extensions附加功能插件合集

2020-12-5 11:52:35

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索