分享各种网络资源
是我乃至整个互联网的精髓所在
 您目前所在位置: 站点首页 » 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评论处添加签到以及私信功能

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

 相关推荐

换一批 换一批
  • WordPress 评论中嵌入图片

    WordPress 评论中嵌入图片

    今天在知更鸟博客看到了这篇文章,虽然文章本身的原理很简单,但是通过这个原理我相信可以了解到信息或者说可以达到举一反三 ...

    点击查看
  • WordPress搜索只显示标题中含有关键字的文章

    WordPress搜索只显示标题中含有关键字的文章

    今天在知更鸟博客上面看到了这篇文章,整体来说,这个功能在某些方面还是比较有用的,如果说通过标题中的关键字来寻找文章的 ...

    点击查看
  • 如何给WordPress站点添加wow.js效果

    如何给WordPress站点添加wow.js效果

    今天折腾了以下这个东西,为什么会折腾这个东西呢,因为之前经常逛知更鸟博客,后来一次更新之后,发现知更鸟博客多了一种加 ...

    点击查看
  • 如何在WordPress评论中显示更多HTML标签

    如何在WordPress评论中显示更多HTML标签

    我见过很多站点,都可以在评论里面添加各种标签,什么自己加粗,然后添加图片,添加链接等等,当时我个人觉得可能并不适合我 ...

    点击查看
  • WordPress显示一年前当天的文章

    WordPress显示一年前当天的文章

    最开始看到这个功能是在112博客,那个时候看到这个功能的第一感觉可能就是觉得,这个功能不是很实用,可能会增加SQL语句的查 ...

    点击查看
  • 给你的WordPress站点添加一个打印按钮

    给你的WordPress站点添加一个打印按钮

    这个功能很久之前就已经在知更鸟博客上面看到了,但是一直没有想过是什么原理,但是今天无意间发现了一个方法,目前觉得还是 ...

    点击查看
  • WordPress显示一周热评

    WordPress显示一周热评

    WordPress站点如何显示一周热评,我相信还是有很多人都想要知道的,那么这里就简单的说说实现方法了。

    点击查看
  • WordPress 限定显示评论者链接的输出

    WordPress 限定显示评论者链接的输出

    最近从bigfa的相关站点看到了这个更新内容,我个人觉得还是很有用的,对于一些广告用户还是有一定的作用的,毕竟有些时候, ...

    点击查看
  • WordPress文章段落间插入广告

    WordPress文章段落间插入广告

    很久之前就已经在留意这个功能了,但是一直没有找到相关的解决办法,今天我算是找到了这个相关代码。使用这个功能对于我们宣 ...

    点击查看
  • 最轻便的复制页面内容到剪切板的JS:clipboard.js

    最轻便的复制页面内容到剪切板的JS:clipboard.js

    今天早些时候在水煮鱼博客看到了这篇文章,我一开始是想要用到代码方面的,毕竟代码很多时候都是直接复制编辑的,但是后来想 ...

    点击查看
  • WordPress前台显示站点有多少注册用户

    WordPress前台显示站点有多少注册用户

    虽然我的站点目前已经关闭了注册,所有已经注册过的用户已经清理完毕了,这里说声抱歉。那么今天这个文章就是给大家一个方法 ...

    点击查看
  • WordPress添加一个底部漂浮栏

    WordPress添加一个底部漂浮栏

    站点底部添加一个通知栏的作用是起到一个通知或者说增加PV的作用,但是很多时候我们都知道,这种通知可能被人觉得很反感,但 ...

    点击查看

  目前有 11 条评论 其中:访客: 5 条, 博主: 6 条

WordPress评论处添加签到以及私信功能
评分: 8 + 3 =
  • 昵称 (必填)  
  • 邮箱 (必填)
  • 网址 (选填)
  1. 2楼
    防查水表。[private]能看到吗?这是测试 :neutral: [/private]
    微而 来自天朝的朋友 Chrome for iOS iPhone iPhone OS 9_3_2 like Mac OS X) AppleWebKit 广东省广州市 电信 5个月前 (07-12)回复
    • @微而 我当然可以看到啊 就是不知道别人能不能
      帅气小琦琦   来自天朝的朋友 谷歌浏览器 Windows 10 山东省济南市 联通IDC机房 5个月前 (07-12)回复
    • @微而 经过测试 在文章中是不能看到的 但是首页的最新评论暴漏无疑了 又发现了一个问题
      帅气小琦琦   来自天朝的朋友 谷歌浏览器 Windows 10 山东省济南市 联通IDC机房 5个月前 (07-12)回复
  2. 1楼
    防查水表。[private]我不会告诉你,我就是专门来私信的!第一个?!![/private]
    楚书业 来自天朝的朋友 QQ浏览器 Windows 10 福建省 移动 8个月前 (04-05)回复