非插件实现wordpress文章点赞功能

如何在Wordpress中实现文章点赞功能

WordPress是一个功能强大的博客平台,它可以让你轻松地创建一个美观的博客并在线发布文章。但是,它的默认设置并没有提供文章点赞功能,这可能会对你的博客流量和用户参与造成一定的影响。下面是一种简单的解决方案,让你可以添加点赞功能而无需使用插件。

第1步:创建自定义字段

在你的WordPress网站中,打开你的主题文件的sidebar.php 。在文件的底部添加以下代码:


<input type="hidden" id="post_id" value="<?php echo $post->ID; ?>">
<a href="#" class="like-btn"></a>
<div class="likes-count"><?php echo get_post_meta($post->ID, 'likes', true); ?></div>

这段代码将在每篇文章下方添加一个点赞按钮及其数目的显示。此外,它还将创建一个自定义字段用于在数据库中存储点赞数。

第2步:添加Javascript

在主题文件的底部添加以下Javascript代码:


<script type="text/javascript">
    jQuery(document).ready(function($) {
        $('.like-btn').click(function() {
            var post_id = $('#post_id').val();
            $.ajax({
                type: 'post',
                data: { action: 'gkp_like_post', post_id: post_id },
                url: '<?php echo admin_url( 'admin-ajax.php' ) ?>',
                success: function(response) {
                    $('.likes-count').html(response);
                }
            });
        });
    });
</script>

这段Javascript代码将所选文章的ID和点赞操作发送到服务器。服务器返回点赞数并在网页中显示。

第3步:添加PHP代码

最后,打开你主题文件的functions.php。添加以下代码:


add_action('wp_ajax_gkp_like_post', 'gkp_like_post');
add_action('wp_ajax_nopriv_gkp_like_post', 'gkp_like_post');
 
function gkp_like_post() {
    $post_id = $_POST['post_id'];
    $likes = get_post_meta($post_id, 'likes', true);
    if(!isset($likes) || $likes==''){
        $likes = 0;
        update_post_meta($post_id, 'likes', $likes);
    }else{
        $likes++;
        update_post_meta($post_id, 'likes', $likes);
    }
    echo $likes;
    die();
}

这段代码用于处理点赞操作,读取点赞数,将点赞数加1,并将新点赞数保存到数据库中。

第4步:测试

现在,你可以在网站中浏览文章,检查是否正确地添加了点赞按钮及其数目的显示。在点赞按钮上点击几次,你会看到点赞数会相应增加。

这是一种简单的方法,使你可以在Wordpress中添加文章点赞功能。尽管有许多插件可用,但使用自定义字段和Javascript / PHP代码将允许你创建一个更灵活和定制的解决方案。

晓白博客网版权所有,原文地址https://www.xbnb.cn/5267
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容