导读:网站搭建网站搭建请在此输入内容我学习如何建网站过程中,我们讲到了网站如何添加“打赏”功能,今天学做网站论坛就来讲一下如何在自己的wordpress网站上制作点赞功能。效果如下图快速建站技术网站开发技术。
dede商城模板
请在此输入内容我学习如何建网站过程中,我们讲到了网站如何添加“打赏”功能,今天学做网站论坛就来讲一下如何在自己的wdede织梦模板ordpress网站上制作点赞功能。效果如下图:
wordpress网站点赞功能制作步骤:
在自己的wordpress模板的functions.php中粘贴以下函数:
add_action('wp_ajax_nopriv_bigfa_like', 'bigfa_like');
add_action('wp_ajax_bigfa_like', 'bigfa_like');
function bigfa_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; // make cookies work with localhost
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));
}
echo get_post_meta($id,'bigfa_ding',true);
}
die;
}
下载JQUERY文件,并将它通过FTP软件上传到自己模板的images文件夹下。【点此下载】
在wordpress头部模板(header.php)中插入以下的引用JQUERY的代码。
<script src="<?php bloginfo('template_directory'); ?>/images/jquery.min.js"></script>在wordpress底部模板(footer.php)中插入以下的JS调用代码。<script type="text/javascript">$(document).ready(function() {$.fn.postLike = function() {if ($(this).hasClass('done')) {alert("您已经赞过啦:-)");return false;} else {$(this).addClass('done');var id = $(this).data("id"),action = $(this).data('action'),rateHolder = $(this).children('.count');var ajax_data = {action: "bigfa_like",um_id: id,um_action: action};$.post("<?php bloginfo('url');?>/wp-admin/admin-ajax.php", ajax_data,function(data) {$(rateHolder).html(data);});return false;}};$(document).on("click", ".favorite",function() {$(this).postLike();});});</script>
关键词标签: 网站 WordPress 功能
声明: 本文由我的SEOUC技术文章主页发布于:2023-07-23 ,文章wordpress网站点赞功能制作,网站搭建主要讲述功能,网站,wordpress网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_35264.html