WordPress博客如何随机颜色显示最近访客（留言者排行）

Posted tyj666

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了WordPress博客如何随机颜色显示最近访客（留言者排行）相关的知识，希望对你有一定的参考价值。

一、将最近访客代码添加在博客主题的function.php文件中

 
  1. //最近访客
  2. function Autofirst($af){
  3.     global $wpdb;
  4.     $queryaf="select comment_author, comment_author_url, comment_date from $wpdb->comments where comment_ID in (select max(comment_ID) from $wpdb->comments where comment_approved=‘1‘ and comment_author_url !=‘‘ and user_id=‘0‘  GROUP BY comment_author_email)  ORDER BY comment_date DESC LIMIT $af";
  5.     $wally = $wpdb->get_results($queryaf);
  6.     foreach ($wally as $commentaf){
  7.         $tmpy= "<a target="_blank" href="".$commentaf->comment_author_url.""><span>?</span>".$commentaf->comment_author."<span>,</span></a>";
  8.         $outputy .= $tmpy;
  9.     }
  10.     $outputy = "".$outputy."";
  11.     echo $outputy ;
  12. }

二、将以下css代码添加在style.css中

 
  1. /*****最近访客*****/
  2. .demo{margin:0 auto;}
  3. .taglist{padding:10px;}
  4. .taglist a{padding:0 3px 0 0 !important;font-size:15px; display:inline-block;white-space:nowrap;}
  5. .taglist span {padding:3px;font-size:15px!important;color:#004687}
  6. a.size1{padding:1px;font-size:15px;color:#ea4563;}
  7. a.size1:hover{color:#E13728;}
  8. a.size2{padding:1px;font-size:15px;color:#004687;}
  9. a.size2:hover{color:#E13728;}
  10. a.size3{padding:1px;font-size:15px;color:#9F35FF;}
  11. a.size3:hover{color:#E13728;}
  12. a.size4{padding:1px;font-size:15px;color:#f99f13;}
  13. a.size5:hover{color:#B46A47;}
  14. a.size5{padding:1px;font-size:15px;color:#d378ec;}
  15. a.size5:hover{color:#E13728;}
  16. a.size6{padding:1px;font-size:15px;color:#89b6fe;}
  17. a.size6:hover{color:#E13728;}

三、新建文件caise-fangke.php，添加以下代码

 
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  4.     /*随机颜色*/
  5.     var tags_a = $("#tags").find("a");
  6.     tags_a.each(function(){
  7.         var x = 9;
  8.         var y = 0;
  9.         var rand = parseInt(Math.random() * (x - y + 1) + y);
  10.         $(this).addClass("size"+rand);
  11.     });
  13. });
  14. </script>
  15. <div class="demo">
  16.     <div class="taglist" id="tags">
  17.         <?php Autofirst(25);?>
  18.     </div>
  19. </div>

四、代码调用

后台控制中心进入小工具中心，新建增强文本小工具（以Begin主题为例），将以下代码添加在博客边栏小工具中，记住修改路径。

  1. <?php get_template_part( ‘common/caise-fangke‘ ); ?>

五、最终效果技术图片

以上是关于WordPress博客如何随机颜色显示最近访客（留言者排行）的主要内容，如果未能解决你的问题，请参考以下文章

WordPress 如何批量修改文章信息?

如何将 amazon polly 集成到我的 wordpress 博客中？

多说最近访客JS插件通用代码使用方法

WordPress中的自定义博客存档页面

WordPress如何置顶文章？教你3种方法

Wordpress用文件记录访客 IP和访问量