这个教程网上都转烂了,但是使用的都是图片显示等级,有一段时间追求极简,我就疯狂的压缩主题,能不用图片坚决不用,于是这个东西就诞生了,也没怎么在意,现在换到Typecho之后,更是不关注这东西了,但是今天@欧爹突然提起这个功能,想让我帮他折腾上,于是我就找到之前的主题,将代码拿出来,整理一下就发给他了。
终于有机会帮上欧爹了,我牟足了干劲,想办法满足欧爹的奇葩要求(考虑到他博客火爆程度,他嫌原本的7级不够用,于是稍微增加到了10级)
其实最烦人的就是选色,也还好,有了色阶选起来也不是特别难受,最终效果我感觉还是很不错的(详见上图) 技术含量很低,为了凑字数,打了那么多字,下面就上本篇文章的重点吧
下方代码放进functions.php内
//获取访客VIP样式
function get_author_class($comment_author_email,$user_id){
global $wpdb; $author_count = count($wpdb->get_results( "SELECT comment_ID as author_count FROM $wpdb->comments WHERE comment_author_email = '$comment_author_email' "));
/*如果不需要管理员显示VIP标签,就把下面一行的“//”去掉*/
//$adminEmail = get_option('admin_email');if($comment_author_email ==$adminEmail) return;
if($author_count>=5 && $author_count<10) echo '<a class="vip1" title="LV.1">LV.1</a>';
else if($author_count>=10 && $author_count<50) echo '<a class="vip2" title="LV.2">LV.2</a>';
else if($author_count>=50 && $author_count<150) echo '<a class="vip3" title="LV.3">LV.3</a>';
else if($author_count>=151 && $author_count<300) echo '<a class="vip4" title="LV.4">LV.4</a>';
else if($author_count>=301 &&$author_count<450) echo '<a class="vip5" title="LV.5">LV.5</a>';
else if($author_count>=451 && $author_count<550) echo '<a class="vip6" title="LV.6">LV.6</a>';
else if($author_count>=551 && $author_count<700) echo '<a class="vip7" title="LV.7">LV.7</a>';
else if($author_count>=701 && $author_count<850) echo '<a class="vip8" title="LV.8">LV.8</a>';
else if($author_count>=851 && $author_count<1050) echo '<a class="vip9" title="LV.9">LV.9</a>';
else if($author_count>=1200) echo '<a class="vip10" title="神一样的人物 V1000+">LV.10</a>'; }
//认证用户
function comment_links_title($email = ''){
$links=array(
'1'=>'test@163.com',
'2'=>'test@gmail.com',
'3'=>'test@qq.com', );
//添加你想要设置个性图片的评论者Email,格式参考我写的
if(in_array($email,$links)) echo '<a class="vp" title="认证用户">认证</a>';
}
将下方代码放进评论内容循环内需要显示的地方
<?php comment_links_title($comment->comment_author_email);//认证
if(user_can($comment->user_id, 1)){echo "<a title='本站博主' class='vip'>博主</a>";}; //博主
get_author_class($comment->comment_author_email,$comment->user_id);//等级?>
**下面是CSS,样式仅供参考**
/*评论者VIP显示功能的样式*/
.vp,.vip,.vip1,.vip2,.vip3,.vip4,.vip5,.vip6,.vip7,.vip8,.vip9,.vip10{overflow:hidden;padding:0 4px;color:#fff !important;margin:0 6px 0 0;} .vp:hover,.vip:hover,.vip1:hover,.vip2:hover,.vip3:hover,.vip4:hover,.vip5:hover,.vip6:hover,.vip7:hover,.vip8:hover,.vip9:hover,.vip10:hover{background:#aaa;}
.vp{background:#2ae;}
.vip{background:#90EE90;}
.vip1{background:#C1FFC1;}
.vip2{background:#98FB98;}
.vip3{background:#7FFF00;}
.vip4{background:#FFEC8B;}
.vip5{background:#FFC125;}
.vip6{background:#FFA500;}
.vip7{background:#C6E2FF;}
.vip8{background:#A4D3EE;}
.vip9{background:#7EC0EE;}
.vip10{background:#EE2C2C;}
至此,本篇文章结束
对了,忘问考怎么样了?
考不好也不用桑心,蓝翔新东方啥的不都离你家挺近么~
@斌果 日,你故意桑我心- –
换个邮箱那个等级就重头来过了。
@maillot saxo bank 换一个邮箱就等于新的人生
试试评论功能,之前貌似无法成功提交哦
@倡萌 啊?无法提交?是一直卡在提交过程不刷新页面么?我也不知道怎么回事,偶尔会遇到这种情况。
@倡萌 啊?具体什么症状
@Tokin 小屁孩 我的新手站长站换样了 点昵称链接去看看吧 o(∩_∩)o
@洃少 bootstar太臃肿了,虽然是一个好框架
你之前的那个主题呢?干嘛不用了,用多梦的干啥额。。。
@Tokin 我去 怎么一下发了五条?什么情况
@洃少 难道你点了好几下提交评论。。。
看着挺舒服的
要艹得开心,艹得爽
麻烦你加上支持ctrl+enter来提交评论
@灰狼 那个东西很重要么,囧,我从来没用过。。。
@Tokin 必须重要啊,每次输入完成后,还要点下鼠标去提交?多麻烦啊。直接输入完成后,键盘提交方便太多太多了
@灰狼 好啦,加上了,你可以开艹了,哈哈
这个以前找死都找不到,现在用多说了 倒出来了 纳闷死了
@每日秀 那就再切换回来呗
麻烦你把评论者网址加上新窗口打开
@神父 OK了,已经加上
不错不错!
@Pnnk 你不觉得很屌么,。哈哈
能添加到多说么,要是能那就完美了
@破小懿 加到多说,你开玩笑- –
@Tokin 见到过,有大神把浏览器神马的加到多说,不过有点卡。。但是的确实现了
@破小懿 那就不值了= =
@Tokin 也就那样,不过加功能不行,咱精简样式还是行的吧,精简之后和自带的评论样式差不多的哦,
@破小懿 可以啊,多说有API,具体你去看多说的开发文档。而多说浏览器UA是利用JS插入的,你可以把它的JS扒走研究一下
@Rich 但是等级显示涉及数据库操作。。。
@Tokin 用JS来判断显示应该可以,数据库的问题吧,多说的评论数貌似都从JS中获取,没用多说不太清楚-_-