分享各种网络资源
是我乃至整个互联网的精髓所在
 您目前所在位置: 站点首页 » WordPress » WordPress 代码 » WordPress评论处添加签到以及私信功能
  • WordPress评论处添加签到以及私信功能

  • 第一步代码
  • 第二步代码
  • 第三步代码
  • 第四部代码
  • 注意事项
  • WordPress评论处添加签到以及私信功能-BanYuner

    上面看到的就是添加签到功能,点击签到后,评论内容中就会出现指定文字,这个功能的实现方式就是点击事件的实现方式,其中获取了当前时间,大家觉得有必要的话,可以自行添加。
    WordPress评论处添加签到以及私信功能-BanYuner

    上面一个就是私信功能了,目前我没有进行尝试,所以是否真的是私信功能我真心还不知道,指不定过段时间就有用户会使用了。那么废话不多说了,直接开始附上相关代码及教程吧。

    第一步代码

    <span class="muted ml5 comt-private"><i class="fa fa-at"></i><a href="javascript:SIMPALED.Editor.private()"> 私信</a></span>
    <span class="muted ml5 comt-sign"><i class="fa fa-edit"></i><a href="javascript:SIMPALED.Editor.daka()"> 签到</a></span>
    

    以上代码是添加到comments.php中的,位置方面一般是添加到评论框下面或者内部,这个自己可以尝试一下。

    第二步代码

    /*评论框js
    * ====================================================
    */
    jQuery(document).ready(function($) {
    function addEditor(a, b, c) {
    if (document.selection) {
    a.focus();
    sel = document.selection.createRange();
    c ? sel.text = b + sel.text + c: sel.text = b;
    a.focus()
    } else if (a.selectionStart || a.selectionStart == '0') {
    var d = a.selectionStart;
    var e = a.selectionEnd;
    var f = e;
    c ? a.value = a.value.substring(0, d) + b + a.value.substring(d, e) + c + a.value.substring(e, a.value.length) : a.value = a.value.substring(0, d) + b + a.value.substring(e, a.value.length);
    c ? f += b.length + c.length: f += b.length - e + d;
    if (d == e && c) f -= c.length;
    a.focus();
    a.selectionStart = f;
    a.selectionEnd = f
    } else {
    a.value += b + c;
    a.focus()
    }
    }
    /**
    * 时间对象;
    */
    Date.prototype.format = function(format) {
    /*
    * eg:format="yyyy-MM-dd hh:mm:ss";
    */
    var o = {
    "M+": this.getMonth() + 1, // month  
    "d+": this.getDate(), // day  
    "h+": this.getHours(), // hour  
    "m+": this.getMinutes(), // minute  
    "s+": this.getSeconds(), // second  
    "q+": Math.floor((this.getMonth() + 3) / 3), // quarter  
    "S": this.getMilliseconds() // millisecond  
    }
    if (/(y+)/.test(format)) {
    format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    }
    for (var k in o) {
    if (new RegExp("(" + k + ")").test(format)) {
    format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
    }
    }
    return format;
    }
    var myDate = new Date().format("yyyy-MM-dd hh:mm:ss");
    var mytime=myDate.toLocaleString()
    var g = document.getElementById('comment') || 0;
    var h = {
    daka: function() {
    addEditor(g, '<code>签到成功!签到时间:' + mytime, ',每日打卡,生活更精彩哦~</code>')
    },
    del: function() {
    addEditor(g, '<del>', '</del>')
    },
    code: function() {
    addEditor(g, 'pre<code>', '/pre</code>')//这里的pre标签请自行添加<以及>
    },
    strong: function() {
    addEditor(g, '<strong>', '</strong>')
    },
    ahref: function() {
    var a = prompt('请输入链接地址', 'http://');
    var b = prompt('请输入链接描述','');
    if (a) {
    addEditor(g, '<a target="_blank" href="' + a + '"rel="external">' + b + '</a>','')
    }
    }, 
    img: function() {
    var a = prompt('请输入图片地址', 'http://');
    if (a) {
    addEditor(g, '<img src="' + a + '" alt="BanYuner" />','')
    }
    }, 
    private: function() {
    var a = prompt('请输入私信内容', '');
    addEditor(g, '防查水表。[private]' + a + '[/private]')
    }, 
    };
    window['SIMPALED'] = {};
    window['SIMPALED']['Editor'] = h
    });
    !
    function(b) {
    b(function() {
    b.support.transition = function() {
    var c = function() {
    var f, e = document.createElement("bootstrap"),
    d = {
    WebkitTransition: "webkitTransitionEnd",
    MozTransition: "transitionend",
    OTransition: "oTransitionEnd otransitionend",
    transition: "transitionend"
    };
    for (f in d) {
    if (void 0 !== e.style[f]) {
    return d[f]
    }
    }
    } ();
    return c && {
    end: c
    }
    } ()
    })
    } (window.jQuery);
    

    这步代码就是点击事件的代码了,也是可以自行修改的,其实这段代码中间也添加了其它的点击事件,但是原教程中并没有告诉我们,那么如何使用呢?这里简单的说下:

    在第一步代码中我们可以看到,其实上面和下面的代码都是一样的,只需要修改其中一个变量,那么依葫芦画瓢,我们想要实现第二段代码中的上传图片功能啊,粗标签啊,代码功能啊什么的,我们只需要另起一行添加并修改其中的dakacodestrong等:

    <span class="muted ml5 comt-sign"><i class="fa fa-edit"></i><a href="javascript:SIMPALED.Editor.daka()"> 签到</a></span>
    

    上面的替换,我相信大家应该都是可以理解的。

    第三步代码

    .comt-smilie,.comt-format,.comt-img,.comt-sign,.comt-private{cursor: pointer;float: left;line-height: 30px;width: 50px;margin-right: 5px;}
    .comt-img a,.comt-sign a ,.comt-private a {color:inherit !important;}
    

    这个就是相关的CSS代码了,大家可以自己修改来适应自己的主题。

    第四部代码

    这里感谢楚书业的反馈,因为我没有测试代码的有效性,所以这段代码被我忽略了,其实上面的代码是某个主题内置的功能,所以那个主题会自带一个functions函数,而这个函数的效果就是实现private功能的,那么这里我直接附上来了:

    //评论处私信
    function private_content($atts, $content = null){
    global $comment;
    $author_email = $comment->comment_author_email;
    $parent_email = get_comment_author_email($comment->comment_parent);
    $user = wp_get_current_user();
    $user_id = $user->ID;
    $user_email = $user->user_email;
    if (current_user_can('create_users') || ($user_email == $parent_email && $user_id != 0) || ($author_id != 0 && $author_email == $user_email)){
    return '' . $content . '';
    }else{
    return __('***隐藏内容仅管理员和父级评论者可见***','BanYuner');
    }		
    }
    add_shortcode('private', 'private_content');
    add_filter('comment_text', 'do_shortcode'); 
    

    注意事项

    因为我的站点目前使用的表情并不是官方的表情,而这个代码貌似直接替换了官方的表情的相关代码,所以在id以及class类方面,大家根据自己的情况来做修改。

    关注我们 错误反馈 打赏 分享此文
    • 微信扫码,关注我们

    • 扫码,支持我

      WordPress评论处添加签到以及私信功能

      支付宝

    • 扫码,支持我

      WordPress评论处添加签到以及私信功能

      微信

    • 扫码,手机看

      WordPress评论处添加签到以及私信功能
    WordPress评论处添加签到以及私信功能
    8 + 3 =
    1. 11楼
      帅气小琦琦
      最后评论时间:2018/01/17 20:32
      来自天朝的朋友 谷歌浏览器 Windows 10 湖北省武汉市 联通
      看看效果***隐藏内容仅管理员和父级评论者可见***
      帅气小琦琦    1小时前回复
    2. 10楼
      帅气小琦琦
      最后评论时间:2018/01/17 20:32
      来自天朝的朋友 谷歌浏览器 Windows 10 湖北省武汉市 联通
      防查水表。***隐藏内容仅管理员和父级评论者可见***
      帅气小琦琦    1小时前回复
    3. 9楼
      帅气小琦琦
      最后评论时间:2018/01/17 20:32
      来自天朝的朋友 谷歌浏览器 Windows 10 湖北省武汉市 联通
      防查水表。[private content="123"]
      帅气小琦琦    1小时前回复
    4. 8楼
      sumwind
      最后评论时间:2017/05/06 16:13
      来自天朝的朋友 谷歌浏览器 Windows 10 四川省成都市 电信
      防查水表。[private]测试一下[/private] :smile:
      sumwind 9个月前 (05-06)回复
      • 帅气小琦琦
        最后评论时间:2018/01/17 20:32
        来自天朝的朋友 WordPress for iOS iPhone & iPad 湖北省武汉市 联通
        @sumwind 这个就厉害了我的个,说出你的故事
        帅气小琦琦    1小时前回复
      • 帅气小琦琦
        最后评论时间:2018/01/17 20:32
        来自天朝的朋友 谷歌浏览器 Windows 10 湖北省武汉市 联通
        @sumwind 测试一下看看效果 防查水表。***隐藏内容仅管理员和父级评论者可见***
        帅气小琦琦    1小时前回复
    5. 7楼
      神魔之塔
      最后评论时间:2017/04/23 13:09
      来自天朝的朋友 QQ浏览器 SM-A5000 Build/KTU84P 广东省广州市 联通
      为什么我按照要求做了 但是最后点击签到还是没用 :cry: :cry: :cry:
      神魔之塔 9个月前 (04-23)回复
      • 帅气小琦琦
        最后评论时间:2018/01/17 20:32
        来自天朝的朋友 谷歌浏览器 Windows 10 湖北省武汉市 电信
        @神魔之塔 这个肯定是你防止代码的地方不对吧,不同主题位置可能不一样
        帅气小琦琦    1小时前回复
        • 神魔之塔 Tower of Saviors
          最后评论时间:2017/04/23 13:09
          来自天朝的朋友 QQ浏览器 SM-A5000 Build/KTU84P 广东省广州市 联通
          @帅气小琦琦 你的QQ是多少,加你了解一下 :neutral: :neutral:
          神魔之塔 Tower of Saviors 9个月前 (04-23)回复
    6. 6楼
      神魔之塔
      最后评论时间:2017/04/23 13:09
      来自天朝的朋友 QQ浏览器 SM-A5000 Build/KTU84P 广东省广州市 联通
      签到成功!签到时间:2017-04-23 01:16:45,每日打卡,生活更精彩哦~
      神魔之塔 9个月前 (04-23)回复
    7. 5楼
      神魔之塔
      最后评论时间:2017/04/23 13:09
      来自天朝的朋友 QQ浏览器 SM-A5000 Build/KTU84P 广东省广州市 联通
      防查水表。[private]233[/private]
      神魔之塔 9个月前 (04-23)回复
    8. 4楼
      heihei
      最后评论时间:2017/03/14 16:31
      这家伙可能用了美佬的代理 谷歌浏览器 Windows 10 香港 阿里云
      签到成功!签到时间:2017-03-14 16:30:36,每日打卡,生活更精彩哦~
      heihei 10个月前 (03-14)回复
    9. 3楼
      阿萨斯
      最后评论时间:2017/01/19 16:03
      来自天朝的朋友 谷歌浏览器 Windows 7 江苏省南京市玄武区 电信
      请问js文件夹到哪里
      阿萨斯 1年前 (2017-01-19)回复
      • 帅气小琦琦
        最后评论时间:2018/01/17 20:32
        来自天朝的朋友 谷歌浏览器 Windows 10 湖北省武汉市 电信
        @阿萨斯 添加到你的主题的主要加载的js文件中去 不同主题有不同情况
        帅气小琦琦    1小时前回复
    10. 2楼
      微而
      最后评论时间:2017/05/03 21:38
      来自天朝的朋友 Chrome for iOS iPhone iPhone OS 9_3_2 like Mac OS X) AppleWebKit 广东省广州市 电信
      防查水表。[private]能看到吗?这是测试 :neutral: [/private]
      微而 9个月前 (05-03)回复
      • 帅气小琦琦
        最后评论时间:2018/01/17 20:32
        来自天朝的朋友 谷歌浏览器 Windows 10 山东省 联通
        @微而 我当然可以看到啊 就是不知道别人能不能
        帅气小琦琦    1小时前回复
      • 帅气小琦琦
        最后评论时间:2018/01/17 20:32
        来自天朝的朋友 谷歌浏览器 Windows 10 山东省 联通
        @微而 经过测试 在文章中是不能看到的 但是首页的最新评论暴漏无疑了 又发现了一个问题
        帅气小琦琦    1小时前回复
    11. 1楼
      楚书业
      最后评论时间:2016/10/01 10:16
      来自天朝的朋友 QQ浏览器 Windows 10 福建省 移动
      防查水表。[private]我不会告诉你,我就是专门来私信的!第一个?!![/private]
      楚书业 1年前 (2016-10-01)回复
      • 帅气小琦琦
        最后评论时间:2018/01/17 20:32
        来自天朝的朋友 谷歌浏览器 Windows 10 湖北省武汉市 电信
        @楚书业 恭喜你 确实是
        帅气小琦琦    1小时前回复
        • 楚书业
          最后评论时间:2016/10/01 10:16
          来自天朝的朋友 QQ浏览器 Windows 10 福建省 移动
          @帅气小琦琦 然而好像没有效果!你弄个无痕窗口打开瞅瞅!
          楚书业 1年前 (2016-10-01)回复
          • 帅气小琦琦
            最后评论时间:2018/01/17 20:32
            来自天朝的朋友 谷歌浏览器 Windows 10 湖北省武汉市 电信
            @楚书业 确实是 貌似是评论处不支持短代码的问题 也是醉了
            帅气小琦琦    1小时前回复
            • 楚书业
              最后评论时间:2016/10/01 10:16
              来自天朝的朋友 QQ浏览器 Windows 10 福建省 移动
              @帅气小琦琦 :!: 哈哈,让它支持短代码不就得了
              楚书业 1年前 (2016-10-01)回复
        • 楚书业
          最后评论时间:2016/10/01 10:16
          来自天朝的朋友 QQ浏览器 Windows 10 福建省 移动
          @帅气小琦琦 确实是如此,然而我也看不到了!
          楚书业 1年前 (2016-10-01)回复