分享各种网络资源
是我乃至整个互联网的精髓所在
最新消息:站点开启被动注册模式,详情点击这里了解
 您目前所在位置: 站点首页 » 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, '防查水表。***隐藏内容仅管理员和父级评论者可见***')
        }, 
    	};
    	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评论处添加签到以及私信功能
    匿名

    个人评价:┃草根博主┃站点无技术含量┃文章内容不够吸引人┃转载内容随处可见┃资源均来自网络┃ 分享是我的宗旨,也是这个站点存在意义,分享的东西你现在可能不需要,但是我相信只要在某个时间你需要的时候能在这里找到,那么我就是成功的

    相关推荐

    • Giphypress-WordPress文章内容中添加GIF图片

      Giphypress-WordPress文章内容中添加GIF图片

      看了标题之后,千万不要关闭这个页面,因为这个页面里面的内容可能跟你了解的不一样。 我们都知道 WordPress 可以通过添加媒体来上传 G...

      点击查看
    • 如何自定义WordPress登陆页面背景

      如何自定义WordPress登陆页面背景

      这个功能是一个小功能,但是就我了解到的,目前还是有很大一部分主题都是使用的了这个功能的,所以这里还是简单的介绍一下实现方法。 首先我们看到登...

      点击查看
    • 如何正确管理自动WordPress更新

      如何正确管理自动WordPress更新

      WordPress 自动更新以及插件还有主题的自动更新,可能对于很多人来说都是一个烦恼,为什么这样说呢,因为一旦插件更新或者 WordPre...

      点击查看
    • 神魔之塔 Tower of Saviors
    • 帅气小琦琦
    • heihei
    • 阿萨斯
    • 微而
    • 楚书业
    WordPress评论处添加签到以及私信功能
    2 + 0 =
    • 昵称 (必填)  
    • 邮箱 (必填)
    • 网址 (选填)
    1. 7楼
      神魔之塔
      为什么我按照要求做了 但是最后点击签到还是没用 :cry: :cry: :cry:
      神魔之塔 19小时前回复
    2. 6楼
      神魔之塔
      签到成功!签到时间:2017-04-23 01:16:45,每日打卡,生活更精彩哦~
      神魔之塔 19小时前回复
    3. 5楼
      神魔之塔
      防查水表。[private]233[/private]
      神魔之塔 19小时前回复
    4. 4楼
      heihei
      签到成功!签到时间:2017-03-14 16:30:36,每日打卡,生活更精彩哦~
      heihei 1个月前 (03-14)回复
    5. 3楼
      阿萨斯
      请问js文件夹到哪里
      阿萨斯 3个月前 (01-19)回复
    6. 2楼
      微而
      防查水表。[private]能看到吗?这是测试 :neutral: [/private]
      微而 10个月前 (07-12)回复
      • 帅气小琦琦
        @微而 我当然可以看到啊 就是不知道别人能不能
        帅气小琦琦    10个月前 (07-12)回复
      • 帅气小琦琦
        @微而 经过测试 在文章中是不能看到的 但是首页的最新评论暴漏无疑了 又发现了一个问题
        帅气小琦琦    10个月前 (07-12)回复
    7. 1楼
      楚书业
      防查水表。[private]我不会告诉你,我就是专门来私信的!第一个?!![/private]
      楚书业 1年前 (2016-04-05)回复