我们在网上浏览某些网站的文章时，在文章的结尾处，都会有一个点赞的按钮，如果觉得文章内容非常不错，就可以点击这个“点赞”按钮，给这篇文章进行点赞一下。在wordpress网站的模板主题开发中，我们可不可以也为我们wordpress网站的文章添加上这个“点赞”功能呢？答案是肯定的。那么，怎样给wordpress网站的文章添加“点赞”功能呢？看我是怎样实现的吧。

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

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

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

点赞：<?php $praise_num = get_post_meta($post->ID,'post_praise')[0]; //获取点赞数echo $praise_num ? $praise_num : 0;?>

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

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

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

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

通过上面的五步，我们就给wordpress网站的文章添加了点赞功能，我们每点击一次，就会给文章的点赞数据+1。这样，我们就基本上完成了操作。但是，有一个美中不足的地方，同一个用户，如果连续点击这个“点赞”按钮，就会不停地增加点赞数，这样不太友好。一般情况下，我们只让一个用户一天之内，只能点赞一次，这个功能，我们在下一章中再做相应的介绍，敬请期待，我们下一章再见。

php中引入jquery文件_WP模板开发中，怎样给wordpress网站的文章，添加点赞功能？...相关推荐

  1. 怎么将vue模板转换为html,vue中自定义html文件的模板

    如果默认生成的 HTML 文件不适合需求,可以创建/使用自定义模板. 一是通过 inject 选项,然后传递给定制的 HTML 文件.html-webpack-plugin 将会自动注入所有需要的 C ...

  2. vue中引入jquery报错问题

    vue-cli搭建的vue项目中使用到jquery插件,需要引入jquery, 在无任何配置的情况下,直接在组件中import引入,在mounted时候打印$ 会显示undefined报错问题, 感觉 ...

  3. Vue笔记——Vue组件中引入jQuery

    Vue笔记--Vue组件中引入jQuery 如果想在普通的HTML页面引入jQuer库的话,直接使用<script src="jQuery.js"></scrip ...

  4. vue 引入外部less_Vue项目中引入外部文件的方法（css、js、less）

    这两天学习了Vue.js ,正好了解了如何引入外部文件的方法,而且很重要,所以,今天添加一点小笔记. 例子中css文件采用bootstrap.css,js文件采用jQuery,less文件用less. ...

  5. 在jsp中引入jQuery

    在jsp页面引入JQuery插件,主要的是引入的路径问题,下面有三种方式: 1 .在WetRoot下直接建立jsp文件,将jquery-1.7.js放入一个新建的文件夹下:如图: 此时在index.j ...

  6. 关于如何在vue中引入jquery？

    相信大家有时候都会遇到在vue的项目中引入jquery,但是不会失效,今天就带领大家手把手在vue项目中引入jquery,亲测有效! 1.安装jquery npm install jquery --s ...

  7. 如何在typescript中引入jquery

    引入jQuery之前的操作 在typescript中引入jQuery时首先要创建一个typescript项目(直接新建的typescript文件无法通过此方法引入) 一.创建typescript项目 ...

  8. vue学习笔记十：Vue中引入jquery

    文章目录 前言 一.引入方式 1.使用Vue CLI 创建的项目 2.直接引入vue方式的项目 二.使用方法 1.使用Vue CLI 创建的项目 2.直接引入vue方式的项目 总结 前言 本篇实现vu ...

  9. MVC web项目中引入jquery插件

    MVC web项目中引入jquery插件 1.下载jquery [https://jquery.com/] 看到这样的文档,直接CTRL+S保存到自己的文件夹 2.将文件夹中的js文件直接拖拽导入到项 ...

最新文章

  1. C++协程库coroutine使用指南
  2. Nginx 301与302配置
  3. Redis查看集群状态
  4. 如何彻底卸载MySQL
  5. 车间生产能耗管控方案_如何给生产车间降温 环保空调的这些方案一定能帮到你...
  6. 深入JVM系列（二）之GC机制、收集器与GC调优
  7. 大数据整型的加减乘除
  8. mysql 多个字段拼接 concat
  9. 高性能科学计算、工程计算仿真用电脑装机经验
  10. 中国标准走进国际视野，首个零信任国际标准的诞生往事
  11. 第三方支付之支付宝支付
  12. 进制的概念与转换（二进制、十进制、八进制、十六进制）
  13. 如何把Word的默认页面颜色由白色改为绿色
  14. Android闹钟制作过程图,小学闹钟手工制作步骤详解（配图）
  15. 浙大计算机各个实验室 详细介绍（持续更新）
  16. lr_db_connect mysql_LR连接oracle数据库-lr_db_connect
  17. 2022鹏城杯web
  18. gravity和layout_gravity的区别（有时使用layout_gravity=center时失效的原因）
  19. vue前端面试题之vue组件传递参数
  20. 10.HTML基础——表格标签

热门文章

  1. 红帽linux怎么装文件夹,红帽linux怎么安装第三方字体?
  2. mysql hy093_请问SQLSTATE [HY093]：参数号无效：未定义参数
  3. 60秒计时器的仿真电路_DS1302的电子万年历，时间、闹钟可调，带温度农历显示，原理图、仿真和代码...
  4. mysql dba命令_mysql DBA：mysqladmin常用命令总结
  5. 算法 - 斐波那契数列问题（转自微信公众号码农翻身）
  6. python基本语法 关于雷达模拟实践
  7. 零门槛人像转卡通、GIF表情包（赶快行动起来）
  8. C++学习系列笔记（二）
  9. dw上的php代码如何预览在浏览器_13个面向开发人员的JavaScript代码编辑器和IDE
  10. python大鱼吃小鱼程序代码_最近跟导师学Python，熬夜弄了两个晚上写出来个大鱼吃小鱼游戏！...