WP模板开发中，怎样给wordpress网站的文章，添加点赞功能？(WordPress函数：esc_js()（过滤 Html 内嵌 JS）)

WP模板开发中，怎样给wordpress网站的文章，添加点赞功能？

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

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

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

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

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

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

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

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

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

WordPress函数：esc_js()（过滤 Html 内嵌 JS）

esc_js() 用来转义引号，加上反斜线，一般用来过滤内嵌在 Html 中的 JS.

用法