点赞和分享很多网站都需要这些功能,可以使网站多点互动功能,分享给别人也可以添加下网站的粘度,现在我们就来说说如何给wordpress添加这两个功能。功能丰富的wordpress点赞插件不少,但对于要在主题中集成简单文章点赞功能的需求,插件就显得不合适,于是乎非插件实现文章点赞功能的方法就诞生,实现思路是:可以通过ajax实时显示点赞数量,自定义字段保存赞数量,Cookies禁止重新点赞
工具/原料
wordpress博客的管理员账户和密码
步骤1:下面的代码加入到你模板functions.php文件中最后一个?>前:
1、ad蟠校盯昂d_action('wp_ajax_nopriv_bigfa_like','芟鲠阻缒bigfa_like');add_action('wp_ajax_bigfa_like','bigfa_like');functionbigfa_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;//makecookiesworkwithlocalhostsetcookie('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));}echoget_post_meta($id,'bigfa_ding',true);}die;}
方法/步骤2:在主题的header.php文件的前添加以下代码:
1、<scripttype="text/javascript&q掼鸿乡羰uot;>$(document).ready(funct足毂忍珩ion(){$.fn.postLike=function(){if($(this).hasClass('done')){alert('您已赞过本博客');returnfalse;}else{$(this).addClass('done');varid=$(this).data("id"),action=$(this).data('action'),rateHolder=$(this).children('.count');varajax_data={action:"bigfa_like",um_id:id,um_action:action};$.post("<?phpbloginfo('url');?>/wp-admin/admin-ajax.php",ajax_data,function(data){$(rateHolder).html(data);});returnfalse;}};$(document).on("click",".favorite",function(){$(this).postLike();});});</script>
方法/步骤3:在当前主题的single.php文件的代码下面添加点赞按钮调用代码:
1、<div><ahref="javascript:;"data-action="ding"data-id="<?phpthe_ID();?>"class="favorite<?phpif(isset($_COOKIE['bigfa_ding_'.$post->ID]))echo'done';?>">喜欢<span><?phpif(get_post_meta($post->ID,'bigfa_ding',true)){echoget_post_meta($post->ID,'bigfa_ding',true);}else{echo'0';}?></span></a></div>
方法/步骤4:在当前主题的style.css文件中添加点击按钮样式(仅供参考):
1、.post-like{text-align:center;padding:10px}.post-likea{background-color:#21759B;border-radius:3px;color:#FFFFFF;font-size:12px;padding:5px10px;text-decoration:none;outline:none}.post-likea.done,.post-likea:hover{background-color:#eee;color:#21759B;}.post-likea.done{cursor:not-allowed}
方法/步骤5:添加分享的代码
1、打开底部文件“footer.php”。找到标签</body>并在其前面插入刚才复制的代码。点击”更新文件“。或和点赞同一位置代码中其他网名不能发进入百度分享页面http://share.baidu.com,点击“免费获取代码”,