DUX主题谈论添加VIP星级与博主认证

今日闲着没事便将自己网站的谈论区稍作了些批改,这次首要批改的内容是在谈论者周围增加了VIP星级标识以及博主认证标识,其间VIP星级标识是根据谈论数量来中止评级的,下面我就将这次批改的首要内容收拾如下,有需求这方面功用的朋友可以理解一下。下面是我批改后的样式:

这次批改的文件首要是DUX主题的functions.php、main.css与mo_comments_list.php文件,为了防止批改过程中产生的一些错误,建议我们在批改文件之前把这几个文件备份一下。

增加星级图片文件

在批改主题文件前,期望我们先把所需求的图片文件上传至主标题录的img文件夹下,或许你也可以上传到其他文件夹下,不过要记住文件的途径,后面要用到。

functions.php文件批改

将以下代码增加到主题的functions.php文件中,留心代码内容增加至?>前。

// WordPress 增加谈论之星
 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>=1 && $author_count<20)
 echo \'\';
 else if($author_count>=20 && $author_count<40)
 echo \'\';
 else if($author_count>=40 && $author_count<80)
 echo \'\';
 else if($author_count>=80 && $author_count<160)
 echo \'\';
 else if($author_count>=160 && $author_count<320)
 echo \'\';
 else if($author_count>=320 && $author_count<640)
 echo \'\';
 else if($author_count>=640)
 echo \'\';
}

mo_comments_list.php文件

mo_comments_list.php文件是DUX主题谈论区的中心文件,其他主题批改的话或许需求批改主题文件夹下的comments.php文件,具体请讯问主题开发者。关于DUX主题,运用查找东西在mo_comments_list.php文件中找到如下句子:

echo \'
\'.get_comment_author_link().\'\';

具体位置应该是在文件的第57行处,找到后在文件的第58行结尾增加如下句子:

get_author_class($comment->comment_author_email,$comment->user_id); if($comment->user_id == 1){echo \"&nbsp&nbsp\";};

增加完成后第58行的无缺代码应为:

echo _get_time_ago($comment->comment_date); get_author_class($comment->comment_author_email,$comment->user_id); if($comment->user_id == 1){echo \"&nbsp&nbsp\";};

main.css文件批改

因为DUX主题没有调用style.css文件,所以假如我们按照其他教程将CSS样式增加到主题文件夹下的style.css文件里是无法调用CSS样式的,你需求将下面的代码增加到主题设置的“自定义CSS样式”代码框中或许是主题的main.css文件才可以履行。

/*VIP谈论之星*/
.vp,.vip,.vip1,.vip2,.vip3,.vip4,.vip5,.vip6,.vip7{background: url(../img/vip.png) no-repeat;display: inline-block;overflow: hidden;border: none;}
.vp{background-position:-515px -2px;width: 16px;height: 16px;margin-bottom: -3px;}
.vp:hover{background-position:-515px -22px;width: 16px;height: 16px;margin-bottom: -3px;}
.vip{background-position:-494px -3px;width: 16px;height: 14px;margin-bottom: -2px;}
.vip:hover{background-position:-494px -22px;width: 16px;height: 14px;margin-bottom: -2px;}
.vip1{background-position:-1px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip1:hover{background-position:-1px -22px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip2{background-position:-63px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip2:hover{background-position:-63px -22px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip3{background-position:-144px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip3:hover{background-position:-144px -22px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip4{background-position:-227px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip4:hover{background-position:-227px -22px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip5{background-position:-331px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip5:hover{background-position:-331px -22px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip6{background-position:-441px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip6:hover{background-position:-441px -22px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip7{background-position:-611px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip7:hover{background-position:-611px -22px;width: 46px;height: 14px;margin-bottom: -1px;}

需求留心的是,上面代码中的url参数关于不同的主题或许需求中止相应的变化。当然,关于DUX主题的main.css文件,坚持../img/vip.png不变即可。

资源下载

免费资源本揭露载点击下载百度网清点击下载提取码: IQGG复制留心:本站资源多为网络搜集,如触及版权问题请及时与站长联络,我们会在榜首时间内与您洽谈处理。如非特殊说明,本站全部资源解压密码均为:zibuyu.life。