现在很多WordPress主题都带有文章点赞功能，也会有一些插件可以实现点赞功能，但是还是有很多站长喜欢使用代码实现点赞功能，那么WordPress如何使用代码实现文章点赞功能？
其实WordPress文章点赞功能很简单，与WordPress文章阅读数量统计功能一样，都是对数据的一种保存读取操作而已。只是相对于WordPress文章阅读数量统计来说，点赞功能的实现稍微复杂一点，因为需要和前端交互，我们一般采用ajax进行无刷新交互操作，按照下面的步骤一起来实现一下，实现代码来自大前端dux主题功能部分修改，大品牌代码质量有保证。
WordPress代码实现文章点赞功能实现步骤
用户需要点击按钮才能实现点赞操作，这里需要准备几个东西。第一个就是点赞用的按钮，按钮的样式大家自己选，注意设置一个class名称，后面ajax交互时需要使用。第二个就是保存点赞数量与读取点赞数量的操作方法了，保存读取这个东西我们可以把它写成接口，方便我们前端ajax调用。这个接口可能有朋友不会写，没关系，我会将大前端DUX主题的接口放在文章末尾，需要的直接下载下来按照本文教程即可实现。
将文章末尾的接口文件放入主题目录下的action目录中，没有的自己建立个文件夹即可。
在主题functions.php文件中写入输出点赞按钮功能代码,如下：
<?php
//点赞
function hui_get_post_like($class=\’\’, $pid=\’\’, $text=\’\’){
$pid = $pid ? $pid : get_the_ID();
$text = $text ? $text : __(\’赞\’, \’haoui\’);
$like = get_post_meta( $pid, \’like\’, true );
if( hui_is_my_like($pid) ) {
$class .= \’ actived\’;
}
return \'<a href=\”javascript:;\” etap=\”like\” class=\”\’.你的css.\’\” data-pid=\”\’.$pid.\’\”>点赞\’.$text.\'(\’.($like ? $like : 0).\’)</a>\’;
}
？>
然后在文章结束地方，或者你需要输出点赞数据的地方，写上如下代码
<?php echo hui_get_post_like($class=\’post-like action action-like\’); ?>
这样就会生成一个带有文章id号的点赞按钮,当然，你也可以不用在functions.php文件中写输出点赞按钮的方法，直接写在文章页模板single.php中也是一样的，然后我们使用jQuery对其进行ajax操作发送post请求，请求接口文件添加点赞数量。jQuery代码如下：
//点赞
$(\’.你的点赞按钮class名称\’).on(\’click\’, function(e){
var _ta=$(this)
var pid = _ta.attr(\’data-pid\’)
var islike=getCookie(pid+\’like\’)//保存cookies防止未登录用户重复点赞
var checklike=_ta.hasClass(\’actived\’);//样式验证重复点赞
if(islike==1) {return alert(\’你已赞！\’)}else{
$.ajax({
url: \’你的主题路径/action/like.php\’, //接口文件地址，文末有
type: \’POST\’,
dataType: \’json\’,
data: {
key: \’like\’,
pid: pid
},
success: function(data, textStatus, xhr) {
if (data.error) return false;
_ta.toggleClass(\’actived\’)
_ta.find(\’span\’).html(data.response)
var time=24*60*30;//设置cookies过期时间
setCookie(pid+\’like\’,1,time)//设置cookies
}
});
}
});
JavaScript操作cookies代码功能方法：
//取cookies
function getCookie(cookieName){
var cookieValue=\”\”;
if (document.cookie && document.cookie != \’\’) {
var cookies = document.cookie.split(\’;\’);
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i];
if (cookie.substring(0, cookieName.length + 2).trim() == cookieName.trim() + \”=\”) {
cookieValue = cookie.substring(cookieName.length + 2, cookie.length);
break;
}
}
}
return cookieValue;
}
//设置cookies
function setCookie(name, value, liveMinutes) {
if (liveMinutes == undefined || liveMinutes == null) {
liveMinutes = 60 * 2;
}
if (typeof (liveMinutes) != \’number\’) {
liveMinutes = 60 * 2;//默认120分钟
}
var minutes = liveMinutes * 60 * 1000;
var exp = new Date();
exp.setTime(exp.getTime() + minutes + 8 * 3600 * 1000);
//path=/表示全站有效，而不是当前页
document.cookie = name + \”=\” + value + \”;path=/;expires=\” + exp.toUTCString();
}
到此，WordPress文章点赞功能完成了，具体效果如本站的点赞功能，虽然对未登录用户的验证有些薄弱，但也只能做到如此了，反正不是每个用户都知道清理cookies。
本文来源于 网络，由本站搜集发布，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系本站核实处理。如需转载，请注明文章来源。
