点赞的php代码和css、,WordPress模板如何使用纯代码实现点赞功能？

客官°小女子只卖身不卖艺 2023-01-17 04:56 113阅读 0赞

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

![590f68d433811c33b147bc3d4d5e1c23.png][]

将下面的代码加入到你的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';

\}?>

[590f68d433811c33b147bc3d4d5e1c23.png]: /images/20221022/2948fc44cda74b14b34533bcaeafb079.png

发表评论取消回复

表情：

评论列表（有 0 条评论，113人围观）

还没有评论，来说两句吧...

相关阅读

相关 Redis实现点赞功能模块

功能点设计比如我喜欢发文章的掘金网站就有点赞的功能，统计文章点赞的总数，用户所有文章的点赞数，因此设计的点赞功能模块具有以下功能点：某篇文章的点赞数用

浅浅的花香味﹌/ 2023年09月23日 23:34/ 0 赞/ 27 阅读

相关点赞的php代码和css、,WordPress模板如何使用纯代码实现点赞功能？

WordPress网站为了增加访客互动、展示文章热度，会添加一些阅读数、评论数等元素，其实还有一个比较好的元素，那就是点赞功能，跟QQ空间及朋友圈点赞一样。其实网上已经提供了很

客官°小女子只卖身不卖艺/ 2023年01月17日 04:56/ 0 赞/ 114 阅读

相关 phpcms 点赞_php+mysql结合Ajax实现点赞功能完整实例

本文实例讲述了php+mysql结合Ajax实现点赞功能的方法。分享给大家供大家参考。具体如下：要实现点赞功能，有多种实现方式，这里总结一下利用Ajax，php和mysql

逃离我推掉我的手/ 2022年12月31日 10:29/ 0 赞/ 121 阅读

相关 java实现点赞(顶)功能

java实现点赞(顶)功能 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6

朱雀/ 2022年11月28日 16:30/ 0 赞/ 177 阅读

相关 php 实现无刷新点赞,ajax+php+mysql实现无刷新点赞功能

![15fd92a48691a932e1a10125634f0241.gif][] 从动态器打好基下是求的响的可域适的一的近重交的图看出来，点击赞的按钮的时候，旁边的赞数量在

r囧r小猫/ 2022年11月12日 13:51/ 0 赞/ 177 阅读

相关【超多代码细节】Redis实现点赞、取消点赞的？

来源：http://i7q.cn/5fRUfS ![50561f6a45adbf38ecfd706279d908be.png][]![accad2b55313d1ad80fc

Love The Way You Lie/ 2022年10月15日 15:54/ 0 赞/ 183 阅读

相关常用的点赞效果的代码实现

做移动开发的时候经常会遇到点赞的一些处理，尤其是当使用字体图标的时候，由于仅希望改变字体，但是字体经过编译之后又和它的.html()不一致，所以导致判断起来比较麻烦，最后想了一

Dear 丶/ 2022年07月17日 03:44/ 0 赞/ 172 阅读

相关 jQuery-简单点赞功能实现

jQuery-简单点赞功能实现感谢云知梦。全部代码如下： ![这里写图片描述][SouthEast] ![这里写图片描述][SouthEast 1] !

叁歲伎倆/ 2022年06月11日 02:53/ 1 赞/ 191 阅读

相关 springmvc实现点赞功能

实现步骤： 1.设计表： -- ---------------------------- -- Table structure for `nice

系统管理员/ 2022年05月20日 00:41/ 0 赞/ 253 阅读

相关点赞功能详解

点赞功能详解先讲讲点赞功能的实现。首先，你得为点赞功能建立一个表，表里需要记录点赞的topic的ID,已经点赞的人的id. 对应的实体类如下： p

爱被打了一巴掌/ 2022年03月16日 03:42/ 0 赞/ 303 阅读