WP模板研发中，怎么样给wordpress网站的文案，添加点赞功能？-外链论坛

wrjc1hod 发表于 2024-10-6 10:25:00

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

咱们在网上浏览某些网站的文案时，在文案的结尾处，都会有一个点赞的按钮，倘若觉得文案内容非常不错，就能够点击这个“点赞”按钮，给这篇文案进行点赞一下。在wordpress网站的模板主题研发中，咱们可不能够亦为咱们wordpress网站的文案添加上这个“点赞”功能呢？答案是肯定的。那样，怎么样给wordpress网站的文案添加“点赞”功能呢？看我是怎么样实现的吧。
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p26-sign.toutiaoimg.com/pgc-image/33626ec570ca4554809df74eae933174~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728358596&x-signature=12TeSiUusS6pLqv5WnD4nY6oP1k%3D" style="width: 50%; margin-bottom: 20px;"></div>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">第1步：在wordpress模板的头部文件header.php中引入jquery。</h1>
为了在点击“点赞”按钮时，能够向后台传递数据，咱们这儿要用到jquery的AJAX处理函数，因此，咱们要先在wordpress模板的头部文件中引入这个jquery文件，我这儿是jquery1.7.2版本，其它版本亦能够。代码如下：
<script src="<?php bloginfo("template_url"); ?>/js/jquery-1.7.2.min.js"></script>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">第二步：在wordpress文案内容下方添加“点赞”按钮。代码如下：</h1>
<div class="item single_praise">点赞：<?php$praise_num = get_post_meta($post->ID,post_praise); //获取点赞数echo $praise_num ? $praise_num : 0;?></div>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">第三步：添加点击“点赞”的事件处理代码。</h1>
咱们要给这个“点赞”按钮添加一个事件，只要一点击这个“点赞”按钮，就弹出相应的事件处理，把当前文案的ID号经过AJAX传递到single_praise.php文件中。代码如下：
<script type="text/javascript">$(function(){var pid = <?php echo $post->ID; ?>; //文案IDvar user = <?php echo wp_get_current_user()->user_login; ?>; //当前登录的用户名
$(".single_praise").click(function(){
$.ajax({type:post,url:<?php bloginfo("template_url"); ?>/include/single_praise.php,data:{ pid:pid,user:user },success:function(e){ console.log(e)var num = e ? e : 0;$(".praise_num").html(num); //把点赞重新写入
}})})})</script>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/c49307345e104dde9d3f46569c95f304~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728358596&x-signature=YQSD5ztlnzseU%2FTfOdxZGc4c8NE%3D" style="width: 50%; margin-bottom: 20px;"></div>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">第四步：向wordpress数据库中的对应文案添加“点赞”数据。</h1>
在wordpress模板目录下的include目录的下面，创建一个single_praise.php文件，用来接收AJAX传递过来的数据，而后，向wordpress数据库里添加或修改数据（文案的点赞数据）。代码如下：
<?phpdefine(BASE_PATH,str_replace( \\ , / , realpath(dirname(__FILE__)./../../../../)));//获取根目录require(BASE_PATH./wp-load.php );$postid = esc_sql($_POST);$user = esc_sql($_POST);$u_ip = $_SERVER["REMOTE_ADDR"];if($postid==0 ){ //倘若文案ID=0exit("违法操作");}//向数据库中添加点赞数据$praise_num = get_post_meta($postid,post_praise);$user_views = !empty($praise_num) ? $praise_num : 0;update_post_meta($postid,post_praise,$user_views+1);print_r($praise_num); exit;
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/9b4c740b2efa4dfcbb1e6ddb47272cfe~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728358596&x-signature=VEd4R69pAPsgaoDGlF9yym4QUGA%3D" style="width: 50%; margin-bottom: 20px;"></div>
通过上面的五步，咱们就给wordpress网站的文案添加了点赞功能，咱们每点击一次，就会给文案的点赞数据+1。这般，咱们就基本上完成为了操作。然则，有一个美中不足的地区，同一个用户，倘若连续点击这个“点赞”按钮，就会一直地增多点赞数，这般不太友好。通常状况下，咱们只让一个用户一天之内，只能点赞一次，这个功能，咱们在下一章中再做相应的介绍，敬请期待，咱们下一章再见。

b1gc8v 发表于 2024-10-23 23:31:35

你字句如珍珠，我珍藏这份情。

nqkk58 发表于 7 天前

感谢楼主的分享！我学到了很多。

b1gc8v 发表于 5 天前

这篇文章真的让我受益匪浅，外链发布感谢分享！

qzmjef 发表于 4 天前

你的见解独到，让我受益匪浅，非常感谢。

页: [1]

外链论坛's Archiver

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