要在WordPress文章中添加点赞功能,你可以使用以下步骤:
编辑主题文件: 首先,你需要编辑你的WordPress主题文件,以便在文章中添加点赞按钮。通常,你会编辑单个文章模板文件(single.php)或文章循环文件(loop.php),具体取决于你的主题。
添加点赞按钮HTML: 在你选择的文章模板文件中,找到你希望添加点赞按钮的位置,并插入以下HTML代码:
<div class="likebutton">
<a href="#" class="likepost">点赞</a>
<span class="likecount">0</span>
</div>
这个代码包括一个点赞按钮和一个显示点赞数的元素。你可以根据你的主题和设计自定义样式。
wp_enqueue_script
函数将其添加到你的主题中:jQuery(document).ready(function($) {
$('.likepost').on('click', function(e) {
e.preventDefault();
var post_id = $(this).data('postid');
var like_count = parseInt($('.likecount').text());
$.ajax({
type: 'post',
url: ajaxurl,
data: {
action: 'like_post',
post_id: post_id
},
success: function(response) {
like_count;
$('.likecount').text(like_count);
$('.likepost').addClass('liked');
}
});
});
});
这个JavaScript代码会使用Ajax来处理点赞按钮的点击事件。当用户点击按钮时,它会向WordPress发送一个请求,将点赞计数增加1,并更新显示的点赞数。
function like_post() {
$post_id = $_POST['post_id'];
$current_likes = get_post_meta($post_id, '_likes', true);
if (!$current_likes) {
$current_likes = 0;
}
$new_likes = $current_likes 1;
update_post_meta($post_id, '_likes', $new_likes);
die();
}
add_action('wp_ajax_like_post', 'like_post');
add_action('wp_ajax_nopriv_like_post', 'like_post');
这段代码会增加一个名为like_post
的Ajax处理程序。当点赞按钮被点击时,它会更新文章的点赞数,并将新的点赞数存储在WordPress的自定义字段中。
这就是如何在WordPress文章中添加点赞功能的基本步骤。请根据你的具体需求和主题进行定制。请确保在修改主题文件之前备份它们,并在代码中使用适当的安全性措施,以防止不良行为。