Jane博客的访客留言者排行美化版

诗梦
13030
文章
720
评论
2019年10月12日12:47:49 3 12.2K 次浏览 2137字阅读7分7秒

心灵毒鸡汤:

最近看到Jane博客的留言者排行还不错,就是不符合我的审美观,我加多了几个css样式,已放到教程里的css代码中,代码未测试过。Jane博客的访客留言者排行美化版

将以下代码添加到主题的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中,begin主题的话可以在后台,外观,主题选项,定制风格的自定义样式里面。

  1. /*****最近访客*****/
  2. .demo{margin:0 auto;}
  3. .taglist{padding:10px;}
  4. .taglist a{padding:0 3px 0 0 !important;font-size:15pxdisplay:inline-block;whitewhite-space:nowrap;border-width1px;border-stylesolid;width: 33.33%;text-overflow: ellipsis;text-aligncenter;overflowhidden;}
  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(){
  3.     /*随机颜色*/
  4.     var tags_a = $("#tags").find("a");
  5.     tags_a.each(function(){
  6.         var x = 9;
  7.         var y = 0;
  8.         var rand = parseInt(Math.random() * (x - y + 1) + y);
  9.         $(this).addClass("size"+rand);
  10.     });
  11. });
  12. </script>
  13. <div class="demo">
  14.     <div class="taglist" id="tags">
  15.         <?php Autofirst(25);?>
  16.     </div>
  17. </div>

代码调用:

后台外观小工具,begin主题的话添加增强文本小工具,把下面调用代码添加到里面,刷新缓存即可。

  1. <?php get_template_part( 'caise-fangke' ); ?>
  • 文本由 发表于 2019年10月12日12:47:49
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
修改begin主题手机菜单按钮为文字导航 教程

修改begin主题手机菜单按钮为文字导航

修改begin主题手机菜单按钮为文字导航,很久就想改这个了,对不熟悉网站的人菜单都不知道在哪里,这里教大家直接修改为文字,听说旧版主题以前是文字的。把下面代码丢到主题选项的定制css里即可。 代码: ...
宝塔Linux面板nginx环境防CC策略规则 教程

宝塔Linux面板nginx环境防CC策略规则

近来帮了几个人网站被CC攻击,找我防御一下,最后用出了祖传的过滤代码,不过攻击者换着规则来攻击,还好都防住了,begin主题啥都好,就是有的人不会优化,CC个首页都能把数据库打挂,不过用了下面代码后没...

评论已关闭!

评论:3   其中:访客  2   博主  1
    • avatar MAY的SEO博客 1

      @诗梦 有点意思

      • avatar 诗梦 Admin

        @森七 晚上才黑,白天是正常颜色

        • avatar 森七 2

          这也太6了,为啥把站弄成黑色了