WordPress主题添加访客排行榜小工具教程

如果说到WordPress哪方面内容自定义会比较多,那小工具一定是一个“重灾区”,因为每一个人的审美不同,从而对于功能的需求也是不一样的。今天跟大家分享一个可以将WordPress主题的最近访客小工具,做成随机颜色访客小工具。

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

//最近访客
function Autofirst($af){
    global $wpdb;
    $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";
    $wally = $wpdb->get_results($queryaf);
    foreach ($wally as $commentaf){
        $tmpy= "<a target=\"_blank\" href=\"".$commentaf->comment_author_url."\"><span>✪</span>".$commentaf->comment_author."<span>,</span></a>";
        $outputy .= $tmpy;
    }
    $outputy = "".$outputy."";
    echo $outputy ;
}

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

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

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

付费阅读
您当前未登录!建议登陆后购买,可保存购买订单
© 版权声明
THE END
喜欢就支持一下吧
点赞0
分享
评论 抢沙发

请登录后发表评论