最新公告
  • 爱每天分享是一家专门做精品资源的网站 下载网站源码、网站模板、游戏源码,尽在爱每天分享!立即加入我们
  • dux主题评论美化,博主认证,显示IP浏览器

    正文概述 程序猿   2018-12-9   1.73K

    wordpress评论美化教程网上一大把,什么评论添加博主认证,添加显示记录ip的功能,还有什么识别浏览器版本型号的功能都有,不过针对dux的爱每天分享自己还是没看见,

    代码也多,而且都是说添加在固定位置,这里就本站主题dux而言,我们自己来分享这么一篇教程,详细的告诉大家对于使用dux主题的站着,评论到底该这么美化,代码具体添加在上面位置。

    当然以下教程代码也适用于其他博客评论美化,不过具体位置就需要你们自己看看到底添加字啊什么地方了,如果和我们的代码位置相似倒是可以直接添加的。

    WordPress为大前端DUX主题 添加评论之星加博主认证

    首先让我们来看看样式图:

    感觉还行的就继续往下操作吧,

    代码操作

    1.在主题的 functions.php 添加下面的代码:

    /**
     * WordPress 添加评论之星
     * www.aimeit.com
     */
    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>=10 && $author_count<20)
     echo '<a class="vip1" title="评论达人 LV.1"></a>';
     else if($author_count>=20 && $author_count<40)
     echo '<a class="vip2" title="评论达人 LV.2"></a>';
     else if($author_count>=40 && $author_count<80)
     echo '<a class="vip3" title="评论达人 LV.3"></a>';
     else if($author_count>=80 && $author_count<160)
     echo '<a class="vip4" title="评论达人 LV.4"></a>';
     else if($author_count>=160 && $author_count<320)
     echo '<a class="vip5" title="评论达人 LV.5"></a>';
     else if($author_count>=320 && $author_count<640)
     echo '<a class="vip6" title="评论达人 LV.6"></a>';
     else if($author_count>=640)
     echo '<a class="vip7" title="评论达人 LV.7"></a>';
    }

    2.打开主题的评论文件(一般在根目录的 comments.php  或 functions.php 里)大前端DUX主题在mo_comments_list.php文件中(一般在57行左右),找到:

    echo '<div class="comt-meta"><span class="comt-author">'.get_comment_author_link().'</span>';

    3.在下一行添加

    //会员等级调用
     get_author_class($comment->comment_author_email,$comment->user_id); if($comment->user_id == 1){echo "<a title='博主' class='vip'></a>";};

    4.下载下面的图片,添加到主题的 images文件夹(最好在下面下载,这里另存为的不知道有没有改变格式)这里直接黑掉了,大家自己下面下载吧。

    5.在主题的 style.css 文件的最后,添加下面的样式代码:dux后台可以添加,也可以添加在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 -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;}

    当然这里的话都是最详细的操作了,如果你还是不会,可以去随便的一个wordpress交流群问问,他们应该都是知道的。

    1.本文部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责。

    2.若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。

    3.如果本站有侵犯、不妥之处的资源,请联系我们。将会第一时间解决!

    4.本站所有内容均由互联网收集整理、网友上传,仅供大家参考、学习,不存在任何商业目的与商业用途。

    5.本站提供的所有资源仅供参考学习使用,版权归原著所有,禁止下载本站资源参与商业和非法行为,请在24小时之内自行删除!


    爱每天分享 » dux主题评论美化,博主认证,显示IP浏览器

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

    发表评论

    售后服务:

    • 售后服务范围 1、商业源码使用范围内问题免费咨询
      2、源码安装、模板安装(一般 ¥50-300)服务答疑仅限SVIP用户
      3、单价超过200元的模板免费一次安装,需提供服务器信息。
      付费增值服务 1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
      2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务
      3、服务器环境配置(一般 ¥50-300)
      4、网站中毒处理(需额外付费,500元/次/质保三个月)
      售后服务时间 周一至周日(法定节假日除外) 9:00-23:00
      免责声明 本站所提供的源码等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若资源侵犯了您的合法权益,请来信通知我们(Email: 572222521@qq.com),我们会及时删除,给您带来的不便,我们深表歉意!

    Hi, 如果你对这款资源有疑问,可以跟我联系哦!

    联系作者

    发表评论

    售后服务:

    • 售后服务范围 1、商业源码使用范围内问题免费咨询
      2、源码安装、模板安装(一般 ¥50-300)服务答疑仅限SVIP用户
      3、单价超过200元的模板免费一次安装,需提供服务器信息。
      付费增值服务 1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
      2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务
      3、服务器环境配置(一般 ¥50-300)
      4、网站中毒处理(需额外付费,500元/次/质保三个月)
      售后服务时间 周一至周日(法定节假日除外) 9:00-23:00
      免责声明 本站所提供的源码等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若资源侵犯了您的合法权益,请来信通知我们(Email: 572222521@qq.com),我们会及时删除,给您带来的不便,我们深表歉意!

    Hi, 如果你对这款资源有疑问,可以跟我联系哦!

    联系作者
    • 34711会员总数(位)
    • 1206资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 125稳定运行(天)

    找源码就上爱每天分享Aimeit.com

    开通SVIP 源码推荐
    开通VIP 享更多特权,建议使用QQ登录