当前位置:
  1. 首页 »
  2. 笔记 »
  3. 正文

wordpress非插件点赞功能

零分 2,415

非插件wordpress点赞功能,其实就是调用wordpress自定义字段,通过AJAX提交修改wordpress字段的数值,和阅读次数差不多。

上图是最近写一个模版的文章底部的样式,现在帖下百度来的点赞代码:

1、在模版functions.php适合位置插入

//文章点赞开始  
add_action('wp_ajax_nopriv_specs_zan', 'specs_zan');  
add_action('wp_ajax_specs_zan', 'specs_zan');  
function specs_zan(){  
    global $wpdb,$post;  
    $id = $_POST["um_id"];  
    $action = $_POST["um_action"];  
    if ( $action == 'ding'){  
        $specs_raters = get_post_meta($id,'specs_zan',true);  
        $expire = time() + 99999999;  
        $domain = ($_SERVER['HTTP_HOST'] != 'localhost') ? $_SERVER['HTTP_HOST'] : false; // make cookies work with localhost  
        setcookie('specs_zan_'.$id,$id,$expire,'/',$domain,false);  
        if (!$specs_raters || !is_numeric($specs_raters)) {  
            update_post_meta($id, 'specs_zan', 1);  
        }  
        else {  
            update_post_meta($id, 'specs_zan', ($specs_raters + 1));  
        }  
        echo get_post_meta($id,'specs_zan',true);  
    }  
    die;  
}  
//文章点赞结束  

文章模版页添加JS代码:

$.fn.postLike = function() {  
    if ($(this).hasClass('done')) {  


        return false;  
    } else {  
        $(this).addClass('done');  
        $(this).children('.zan').html("已赞");  
        var id = $(this).data("id"),  
        action = $(this).data('action'),  
        rateHolder = $(this).children('.count');  
        var ajax_data = {  
            action: "specs_zan",  
            um_id: id,  
            um_action: action  
        };  
        $.post("/wp-admin/admin-ajax.php", ajax_data,  
        function(data) {  
            $(rateHolder).html(data);  
        });  
        return false;  
    }  
};  
$(document).on("click", ".specsZan",  
    function() {  
        $(this).postLike();  
});  

在文章模版页需要添加点赞按钮的地方添加代码:

<a hidefocus= true href="javascript:;" data-action="ding" data-id="<?php the_ID(); ?>" class="specsZan <?php if(isset($_COOKIE['specs_zan_'.$post->ID])) echo 'done';?>">  
<i></i>  
<span class="zan" style="margin-right:5px;"><?php if(isset($_COOKIE['specs_zan_'.$post->ID])){ echo '已赞';}else{echo '赞';}?></span><span class="count"><?php if( get_post_meta($post->ID,'specs_zan',true) ){echo get_post_meta($post->ID,'specs_zan',true);} else {echo '0';}?></span></a></div>  

这样,一个wordpress非插件的点赞功能就出来了!CSS样式自行添加。

如果嫌麻烦,可以搜索安装相关的点赞插件,相对来说,非插件自定义的自由会比较大吧

标签:

wordpress禁用REST API导致古腾堡编辑器发布文章出错问题

wordpress禁用REST API,在function.php中加入以下代码: add_filter("json_enabled", "__return_false"); add_filter("json_jsonp_enabled", "__return_false"); add_filter("rest_enabled", "__return_false"); add_filter("rest_jsonp_enabled", "__return_false"); remove_action("init", "rest_api_init"); remove_action("rest_ap
笔记 1,380

wordpress 后台主题设置选项按钮(button、input submit)点击屏蔽提交事件禁止刷新

wordpress 后台主题设置选项按钮(button、input submit)点击屏蔽提交事件禁止刷新 如果在设计主题或者插件后台设置选项时,wordpress后台的按钮(button、input submit)默认是提交操作,如只是响应JS事件,需要屏蔽提交,防止页面刷新。e.preventDefault(); 完整示例: $("button.copy").on("click",function(e){ e.preventDefault(); JS操作 });
笔记 1,262

wordpress 过滤垃圾评论有效方法

wordpress不管站是什么样的,只要开启了评论,就会有垃圾评论来光顾。这些垃圾评论,都有一个共同点,那就是全英文。 既然是全英文,对于国人,那就暴力一点,直接过滤点不含中文的评论。 在主题functions.php中添加: function my_comment_spam_filter($comment_id) { $comment = get_comment($comment_id); if (!preg_match('/[\x{4e00}-\x{9fa5}]/u',$comment->comment_content)) { wp_delete_com
笔记 2,419

wordpress评论模块,好久没写过了,大概是忘记了

不知道什么时候开始,或许是因为备案要求不能有交互式内容吧,自用模板都没有写评论模块 或许还有一个原因,就是垃圾评论太多了 很多网站都设置了登录才能评论,也别说评论了,现在估计也很少写文字了​。 今天要写一个留言板,需要评论模块,感觉都忘记了,查了下wordpress的评论模块函数 comment_form()​:评论表单 wp_list_comments()​:帖子列表 刚开始放上去,没有输出,依稀记得,wordpress是有内置表单的,不可能不会有输出的问题​。 这个评论是放在页面上的,理论上和文章模块都是一样的。原本以为是不支持页面,放文章页,也是不显示,​到后台看了下,原来是关闭了评论。
随笔 2,768

wordpress 分类页获取分类名称及该分类信息并显示文章数量

有一个这样的需求,要在分类页显示该分类下的所有文章数量,网上的写法大致都是用循环去叠加该分类下子分类的文章数量。 但是,其实最简单的写法是自己调用内置函数获取文章数量,包括在首页显示全站的所有文章数量。 $wp_query->found_posts 为了验证这个函数,我特意建立了一个空白的主题,在每个页面上都打印出 $wp_query 这个函数。 wordpresss主题主要的几个文件: header:页头 footer:页脚 index:主页 category:分类页 single:文章模板 page:页面模板 search:搜索模板 tag:标签模板 functions:函数文件 head
笔记 1,886