分享各种网络资源
是我乃至整个互联网的精髓所在
最新消息:开启被动注册模式,详情点击这里,同时接小单,QQ:330733312
 您目前所在位置: 站点首页 » WordPress » WordPress 代码 » WordPress添加评论等级[代码版]
  • WordPress添加评论等级[代码版]

  • 相关代码
  • 注意事项
  • WordPress添加评论等级[代码版]-BanYuner

    之前我也给大家提供过一个通过插件方式实现评论等级的方法,详见:WordPress添加评论等级插件但是在这之前我已经就找到了代码版本,但是鉴于方便省事,就直接推荐插件了,但是今天我又推翻了自己之前的说法,依然还是把自己的站点评论处添加了评论等级功能,感觉看上去好很多。

    相关代码

    那么我就不废话了,添加后的效果就是上面那张图片的效果了,和插件版本没有什么实质性的差别。首先我们需要了解的是,整个过程我们需要添加三段代码,分别是functions.php中的一段代码,以及style.css中的一段,最后就是我们需要用到的调用代码,调用自己觉得合适添加到哪里就添加到哪里。那么我们首先提供商第一段代码:

    第一段代码

    //获取访客VIP样式
    //请自行修改管理员的邮箱
    function get_author_class($comment_author_email,$comment_author_url){
    global $wpdb;
    $adminEmail = 'timle@timle.cn';//此处邮箱替换为自己的管理员邮箱
    $author_count = count($wpdb->get_results(
    "SELECT comment_ID as author_count FROM $wpdb->comments WHERE comment_author_email = '$comment_author_email' "));
    if($comment_author_email ==$adminEmail)
    echo '<a class="vip7" title="评论超人就是你!"></a>';
    $linkurls = $wpdb->get_results(
    "SELECT link_url FROM $wpdb->links WHERE link_url = '$comment_author_url'");
    if($author_count>=3 && $author_count<10 && $comment_author_email!=$adminEmail)
    echo '<a class="vip1" title="评论达人 LV.1"></a>';
    else if($author_count>=10 && $author_count<20 && $comment_author_email!=$adminEmail)
    echo '<a class="vip2" title="评论达人 LV.2"></a>';
    else if($author_count>=20 && $author_count<30 && $comment_author_email!=$adminEmail)
    echo '<a class="vip3" title="评论达人 LV.3"></a>';
    else if($author_count>=30 && $author_count<50 && $comment_author_email!=$adminEmail)
    echo '<a class="vip4" title="评论达人 LV.4"></a>';
    else if($author_count>=50 &&$author_count<80 && $comment_author_email!=$adminEmail)
    echo '<a class="vip5" title="评论达人 LV.5"></a>';
    else if($author_count>=80 && $author_coun<200 && $comment_author_email!=$adminEmail)
    echo '<a class="vip6" title="评论达人 LV.6"></a>';
    else if($author_count>=200 && $comment_author_email!=$adminEmail)
    echo '<a class="vip7" title="评论达人 LV.7"></a>';
    foreach ($linkurls as $linkurl) {
    if ($linkurl->link_url == $comment_author_url )
    echo '<a class="vp" target="_blank" href="/links/" title="哟!隔壁邻居的呢!"></a>';
    }
    }
    

    上面的代码中,文字部分是可以自己修改的,数字部分也是可以自己修改的,如10,20,30等都是指的评论次数对等级造成的影响,大家可以自行斟酌修改,添加位置依然是functions.php文件中最后一个?>之前即可

    第二段代码

    那么第二段代码就是需要我们添加到style.css中去的:

    /**博客VIP评论样式**/
    .vp,.vip,.vip1,.vip2,.vip3,.vip4,.vip5,.vip6,.vip7{background: url(images/vip.png) no-repeat;display: inline-block;overflow: hidden;border: none;}
    .vp{background-position:-515px -3px;width: 14px;height: 14px;margin-bottom: -2px;}
    .vip{background-position:-495px -2px;width: 15px;height: 16px;margin-bottom: -3px;}
    .vip1{background-position:-1px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
    .vip2{background-position:-63px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
    .vip3{background-position:-144px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
    .vip4{background-position:-227px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
    .vip5{background-position:-331px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
    .vip6{background-position:-441px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
    .vip7{background-position:-611px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
    

    此段代码中的images/vip.png为自己的图片地址,可以是相对路径也可以是绝对路径,CSS方面基本不用做修改,可以直接使用。

    调用代码

    调用代码分为两种,一种是含有博主认证的,也就是上面图片中的那个小太阳,一个就是没有的,下面是有博主认证的:

    <?php get_author_class($comment->comment_author_email,$comment->user_id)?>
    <?php if(user_can($comment->user_id, 1)){echo "<a title='博主认证' class='vip'></a>";}; ?>
    

    下面是不加入博主认证的:

    <?php get_author_class($comment->comment_author_email,$comment->comment_author_url,$comment->user_id)?>
    

    那么这两段代码添加的位置就根据个人主题来自定义了,一般是添加到comment_author_link()之后的,大家可以通过浏览器的F12审查元素来查看位置。

    最后,这里附上需要使用的图片:
    WordPress添加评论等级[代码版]-BanYuner

    注意事项

    这里说下注意事项:
    1.根据代码,博主默认评论等级最高,满足个人虚荣心
    2.从代码中不难看出,这个代码会增加数据库查询次数
    3.同样,根据代码原理,是通过用户邮箱来判断评论等级的,如果评论时邮箱乱填或者一次性的邮箱将对等级的提升毫无作用
    4.这里直接告诉大家DUX主题调用代码添加位置:dux/modules/mo_comments_list.php文件中44行后面添加即可

    关注我们 打赏 分享此文

    微信扫码,关注我们

    扫码,支持我

    WordPress添加评论等级[代码版]

    支付宝(点击图片切换)

    扫码,支持我

    WordPress添加评论等级[代码版]

    微信(点击图片切换)

    扫码,手机看

    WordPress添加评论等级[代码版]
    匿名

    个人评价:┃草根博主┃站点无技术含量┃文章内容不够吸引人┃转载内容随处可见┃资源均来自网络┃分享是我的宗旨,也是这个站点存在意义,分享的东西你现在可能不需要,但是我相信只要在某个时间你需要的时候能在这里找到,那么我就是成功的

    WordPress添加评论等级[代码版]
    9 + 4 =
    1. 2楼
      我爱动感单车网
      最后评论时间:2017/07/03 22:09
      来自天朝的朋友 谷歌浏览器 Windows XP 广西桂林市 电信
      不想折腾太多!
    2. 1楼
      楚书业
      最后评论时间:2016/10/01 10:16
      来自天朝的朋友 QQ浏览器 Windows 10 福建省福州市 移动
      哈哈,看你各种折腾,不容易啊!关键是我还是范例。上榜了,哦也!
      楚书业 10个月前 (10-01)回复
      • 帅气小琦琦
        最后评论时间:2017/07/21 07:15
        来自天朝的朋友 谷歌浏览器 Windows 10 湖北省武汉市 电信
        @楚书业 哈哈哈 没事没事 其实也就那样 折腾一段时间就不折腾了
        帅气小琦琦    3小时前回复