WordPress模板怎样使用纯代码实现点赞功能?

911
98素材网VIP特权升级VIP整站资源永久免费下载 点我升级VIP
标签 :WordPress模板纯代码点赞2020-03-20

详情介绍

WordPress网站为了增加访客互动、展示文章热度,会添加一些阅读数、评论数等元素,其实还有一个比较好的元素,那就是点赞功能,跟QQ空间及朋友圈点赞一样。其实网上已经提供了很多点赞插件,但是更多的人会喜欢使用纯代码,那么WordPress模板如何使用纯代码实现点赞功能?


将下面的代码加入到你的functions.php中就是wordpress主题的函数文件:

add_action('wp_ajax_nopriv_bigfa_like','bigfa_like');
add_action('wp_ajax_bigfa_like','bigfa_like');
functionbigfa_like(){
global$wpdb,$post;
$id=$_POST["um_id"];
$action=$_POST["um_action"];
if($action=='ding'){
$bigfa_raters=get_post_meta($id,'bigfa_ding',true);
$expire=time()+99999999;
$domain=($_SERVER['HTTP_HOST']!='localhost')?$_SERVER['HTTP_HOST']:false;//makecookiesworkwithlocalhost
setcookie('bigfa_ding_'.$id,$id,$expire,'/',$domain,false);
if(!$bigfa_raters||!is_numeric($bigfa_raters)){
update_post_meta($id,'bigfa_ding',1);
}
else{
update_post_meta($id,'bigfa_ding',($bigfa_raters+1));
}
echoget_post_meta($id,'bigfa_ding',true);
}
die;
}

JS代码

$.fn.postLike=function(){
if($(this).hasClass('done')){
returnfalse;
}else{
$(this).addClass('done');
varid=$(this).data("id"),
action=$(this).data('action'),
rateHolder=$(this).children('.count');
varajax_data={
action:"bigfa_like",
um_id:id,
um_action:action
};
$.post("/wp-admin/admin-ajax.php",ajax_data,
function(data){
$(rateHolder).html(data);
});
returnfalse;
}
};
$(document).on("click",".favorite",
function(){
$(this).postLike();
});

 在你想显示的地方加入如下代码,推荐加到文章内容尾部

<divclass="post-like"><aclass="favorite&lt;?phpif(isset($_COOKIE['bigfa_ding_'.$post-&gt;ID]))echo'done';?&gt;"data-action="ding"data-id="<?phpthe_ID();?>">喜欢<spanclass="count">
<!--?phpif(get_post_meta($post--->ID,'bigfa_ding',true)){
echoget_post_meta($post-&gt;ID,'bigfa_ding',true);
}else{
echo'0';
}?></span>
</a></div>

 参考css样式

.post-like{text-align:center;padding:10px}
.post-likea{background-color:#21759B;border-radius:3px;color:#FFFFFF;font-size:12px;padding:5px10px;text-decoration:none;outline:none}
.post-likea.done,.post-likea:hover{background-color:#eee;color:#21759B;}
.post-likea.done{cursor:not-allowed}


1、升级本站永久VIP,仅需【49】元即可升级 ! ! ! (升级后永久享受整站资源全部免费下载)

2、站内资源均可通过签到等任务进行免费兑换。

3、站内资源均来源于网络公开发表文件或网友投稿发布,如侵犯您的权益,请联系管理员处理。

4、本站所分享的源码、模板、软件工具等其他资源,都不包含技术服务,请大家谅解!

5、所有资源均收集于互联网仅供学习、参考和研究,请理解这个概念,所以不能保证每个细节都符合你的需求,也可能存在未知的BUG与瑕疵,因本站资源均为可复制品,所以不支持任何理由的退款兑现(特殊情况可退积分),请熟知后再支付下载!

评论(0)条