专注国内外云服务器
分享建站技术教程

WordPress模板如何使用纯代码实现点赞功能?

立即购买

阿里云服务器 ¥102元/年 云数据库37.5元/年 限时

个人、企业均可购买 | 更多配置0.8折特惠

吾上云WORDPRESS教程最新“WordPress模板如何使用纯代码实现点赞功能?”

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();

});

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

“>喜欢

ID,’bigfa_ding’,true)){

echoget_post_meta($post->ID,’bigfa_ding’,true);

}else{

echo’0′;

}?>

文章来源于互联网WORDPRESS教程:WordPress模板如何使用纯代码实现点赞功能?,
阿里云服务器89元起,点击购买
腾讯云服务器95元/年起 点击购买

相关推荐: WordPress实现评论提交后跳转的方法

吾上云WORDPRESS教程最新“WordPress实现评论提交后跳转的方法”很多采用WordPress程序搭建的博客都相当重视与读者之间的互动,以评论为例,为了提高读者的体验质量,有的博主会专门给评论者提供一个“感谢”的页面,也就是说,评论者发表评论后即被重…

赞(0)
未经允许不得转载:吾上云 » WordPress模板如何使用纯代码实现点赞功能?
分享到: 更多 (0)
  • 阿里云
    基础型云服务器

    1核CPU

    2G内存

    40G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥89/1年 原价¥903.40

  • 阿里云
    超值型云服务器

    2核CPU

    4G内存

    40G硬盘

    3M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥899/3年 原价¥8281

  • 阿里云
    高性能云服务器

    2核CPU

    8G内存

    40G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥1399/3年¥14765

  • 腾讯云
    基础型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥95/1年 原价¥834

  • 腾讯云
    超值型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥288/3年 原价¥2502

  • 腾讯云
    高性能云服务器

    4核CPU

    8G内存

    50G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥2188/3年¥13986

  • 阿里云
    基础型云服务器

    1核CPU

    2G内存

    40G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥89/1年 原价¥903.40

  • 阿里云
    超值型云服务器

    2核CPU

    4G内存

    40G硬盘

    3M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥899/3年 原价¥8281

  • 阿里云
    高性能云服务器

    2核CPU

    8G内存

    40G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥1399/3年¥14765

  • 腾讯云
    基础型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥95/1年 原价¥834

  • 腾讯云
    超值型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥288/3年 原价¥2502

  • 腾讯云
    高性能云服务器

    4核CPU

    8G内存

    50G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥2188/3年¥13986

评论 抢沙发

评论前必须登录!

 

吾上云 专注服务器选购

购买云服务器联系我们