尺有所短,寸有所长
物有所不足,智有所不明

WordPress建站教程-DUX主题评论添加VIP星级与博主认证

浏览蝈蝈博客的时候,发现个评论添加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 '<div class="comt-meta"><span class="comt-author">'.get_comment_author_link().'</span>';

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

get_author_class($comment->comment_author_email,$comment->user_id); 
if($comment->user_id == 1){echo "&nbsp<a title='博主' class='vip'></a>&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<a title='博主' class='vip'></a>&nbsp";};

main.css文件修改

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

           公众号:空名先生(fansGoogle)
此处内容已经被作者无情的隐藏,请输入验证码查看内容
验证码:
请关注“空名先生”官方公众号,回复关键字“WP评论星级”,获取验证码。 【注】手机扫描二维码快速关注“空名先生”官方公众号。

需要注意的是,上面代码中的url参数对于不同的主题可能需要进行相应的变动。当然,对于DUX主题的main.css文件,保持../img/vip.png不变即可。

赞(0) 打赏
转载请注明出处:芝麻粒儿博客芝麻粒儿 » WordPress建站教程-DUX主题评论添加VIP星级与博主认证
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏