给wordpress主题增加点赞功能

  • 文章介绍
  • 评价建议
  • 给wordpress主题增加点赞功能
    给wordpress主题增加点赞功能

    大部分wp主题都没有带点赞功能,今天有人问到芒果大叔,所以 特此献上教程

    可以通过 ajax 实时显示点赞数量,自定义字段保存赞数量,Cookies 禁止重新点赞。 而且运用 cookies 有效的解决了重复点赞 bug

    首先 第一步:

    给芒果大叔点个广告

    第二步:

    将下面代码添加进 function.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;
    
        }
    

     

    第三步

    将以下代码扔进 footer.php 文件

     <!--加一个点赞的功能-->
         <script type="text/javascript">
    
        $.fn.postLike = function() {
    
            if ($(this).hasClass('done')) {
    
                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("/wp-admin/admin-ajax.php", ajax_data,
    
                function(data) {
    
                    $(rateHolder).html(data);
    
                });
    
                return false;
    
            }
    
        };
    
        $(document).on("click", ".favorite",
    
        function() {
    
            $(this).postLike();
    
        });
    
        </script>
        <!--加一个点赞的功能--结束-->
    

     

    第四步

    修改文章页面。正常在 single.php 文件,部分主题文件名称不一致,需要自行搜索,总之在你想要添加的地方,加入下列代码就OK:

    <!--点赞功能开始-->
     <div class="post-like">
         <a href="javascript:;" data-action="ding" data-id="<?php the_ID(); ?>" class="favorite<?php if(isset($_COOKIE['bigfa_ding_'.$post->ID])) echo ' done';?>">喜欢 <span class="count">
    
           <?php if( get_post_meta($post->ID,'bigfa_ding',true) ){            
    
               echo get_post_meta($post->ID,'bigfa_ding',true);
    
           } else {
    
               echo '0';
    
           }?>
    
        </span>
    
        </a>
        </div>
        <!--点赞功能结束-->
    

     

    将下面css扔进 style.css 文件:

    
    /*点赞功能美化开始*/
        .post-like{text-align:center;padding:10px}
    
      .post-like a {
        background-color: #21759B;
        border-radius: 20px;
        color: #FFFFFF;
        font-size: 15px;
        padding: 10px 10px;
        text-decoration: none;
        outline: none;
    }
    
    .post-like a.done, .post-like a:hover {
        background-color: #F44336;
        color: #ffffff;
    }
    
        .post-like a.done{cursor:not-allowed}
    /*点赞功能美化结束*/
    
    

     

    Leave a Reply

  • 如本资源侵犯了您的权益,[email protected]!我们将在收到邮件的1个小时内处理完毕。

  • 本站仅为平台,发布的资源均为用户投稿或转载!所有资源仅供参考学习使用,请在下载后的24小时内删除,禁止商用!

  • OKMG(芒果源码)助力正版,如您有自己的原创产品,可以联系客服投稿,代理出售!

  • OKMG(芒果源码)客服QQ:29139260

  • OKMG(芒果源码)商务电话(仅对企业客户/个人用户请联系QQ客服):010-86463891

  • 请注意:本站不提供任何免费的技术咨询服务,为了节约时间,下载前 请确认自己会技术
  • 免责声明 芒果源码,一个精品商业网站源码分享平台 WWW.OKMG.CN 1. 本站所有资源来源于用户上传和网络,均不允许转载,如有侵权请邮件联系站长! 2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除! 3. 如发现会员转载本站资源文章,本站有权封禁会员账号! 4. 不得使用于非法商业用途,不得违反国家法律。否则后果自负! 5. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解! 6. 如有链接无法下载、失效或广告,请联系管理员处理! 7. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需! 8. 如遇到加密压缩包,默认解压密码为"www.okmg.cn",如遇到无法解压的请联系管理员! 9.本站客服:29139260

    售后服务:

    • 售后服务范围 1、商业模板使用范围内问题免费咨询
      2、源码安装、模板安装(一般 ¥50-300)服务答疑仅限SVIP用户
      3、单价超过200元的模板免费一次安装,需提供服务器信息。
      付费增值服务 1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
      2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务
      3、服务器环境配置(一般 ¥50-300)
      4、网站中毒处理(需额外付费,500元/次/质保三个月)
      售后服务时间 周一至周日(法定节假日除外) 9:00-23:00
      免责声明 本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: [email protected]),我们会及时删除,给您带来的不便,我们深表歉意!

    Hi, 如果你对这款模板有疑问,可以跟我联系哦!

    联系客服
    开通VIP 享更多特权,建议使用 QQ 登录