!
也想出现在这里? 联系我们
广告位
当前位置:首页>技术分享>网站运维>wordpress如何给站内的文章添加点赞功能?

wordpress如何给站内的文章添加点赞功能?

我们不管是在电脑还是手机上浏览文章的时候,会发现很多网站文章的最后面都有点赞功能,如果文章得到很多人的点赞,说明写的比较好,那么我们在使用wordpress网站的模板主题开发中,我们可不可以也为我们wordpress网站的文章添加上这个“点赞”功能呢?话不多说,直接上教程了。

wordpress如何给站内的文章添加点赞功能?

第一步:在wordpress模板的头部文件header.php中引入jquery。

为了在点击“点赞”按钮时,能够向后台传递数据,我们这里要用到jquery的AJAX处理函数,所以,我们要先在wordpress模板的头部文件中引入这个jquery文件,我这里是jquery1.7.2版本,其它版本也可以。代码如下:

第二步:在wordpress文章内容下方添加“点赞”按钮。代码如下:

第三步:添加点击“点赞”的事件处理代码。

我们要给这个“点赞”按钮添加一个事件,只要一点击这个“点赞”按钮,就弹出相应的事件处理,把当前文章的ID号通过AJAX传递到single_praise.php文件中。代码如下:

为一实现同一个用户在24小时之内,只能对同一篇文章点赞一次,我们需要借用JS的cookie插件。这个插件可以把用户点赞的信息记录在浏览器的cookie里,如果用户在24小时内再次点击点赞,就会弹出提示“你已经点赞过”,并且不再向wordpress数据库添加数据。

第四步:向wordpress数据库中的对应文章添加“点赞”数据。

在wordpress模板目录下的include目录的下面,创建一个single_praise.php文件,用来接收AJAX传递过来的数据,然后,向wordpress数据库里添加或修改数据(文章的点赞数据)。代码如下:

通过上面的方法,我们就给wordpress网站的文章添加了点赞功能,我们每点击一次,就会给文章的点赞数据+1。这样,我们就基本上完成了操作。

给TA打赏
共{{data.count}}人
人已打赏
网站运维

WordPress提示错误“从服务器收到预料之外的响应。此文件可能已被成功上传。请检查媒体库或刷新本页。”解决方法

2022-9-21 14:32:22

网站运维

WordPress如何批量搜索替换文章内关键词与网址(wordpress关键词在哪里)

2022-9-21 14:33:08

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 2651636361@qq.com 或点击右侧 私信:少羽 反馈,我们将尽快处理。
4 条回复A文章作者M管理员
  1. ludou

    总会有地上的生灵,敢于直面雷霆的威光。

  2. ludou

    学习了,谢谢!

  3. 特让他也让

    不下凡,不成仙;不疯魔,不成活。

  4. 风缘

    没有BUG的代码是不完美的!333333

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索