在WordPress网站中,增加“作者关注”功能可以显著提升用户体验,鼓励读者与内容创作者之间的互动。下面将详细介绍如何在WordPress中实现这一功能,涵盖所需的插件、代码示例和配置步骤。
一、为什么要添加作者关注功能?
增强用户粘性:允许用户关注他们喜欢的作者,可以提高他们对网站的忠诚度,增加回访率。
促进互动:作者与用户之间的互动有助于建立社区氛围,增强网站的活跃度。
个性化推荐:用户可以收到他们关注作者的新内容更新,提升用户体验。
二、实现作者关注功能的方法
方法一:使用插件
使用插件是实现作者关注功能最简单有效的方式,以下是几款推荐的插件:
1. User Profile Picture
此插件不仅允许用户关注作者,还能添加用户头像功能。
安装步骤:
在WordPress后台,导航到“插件” > “安装插件”。
搜索“User Profile Picture”,点击“安装”并激活。
2. Followers
该插件专注于实现关注功能,用户可以方便地关注和取消关注作者。
安装步骤:
在后台导航到“插件” > “安装插件”。
搜索“Followers”,点击“安装”并激活。
3. Ultimate Member
这是一个强大的会员管理插件,包含作者关注功能。
安装步骤:
在插件搜索中输入“Ultimate Member”。
安装并激活插件后,按照向导设置。
方法二:自定义代码实现
如果你想要更灵活或独特的实现方式,可以通过自定义代码来实现作者关注功能。以下是具体步骤:
1. 创建关注按钮
在你的主题文件(如functions.php)中添加以下代码,创建关注按钮。
php复制代码
function follow_author_button($user_id) {
if (is_user_logged_in()) {
$current_user_id = get_current_user_id();
$followed = get_user_meta($current_user_id, 'followed_authors', true);
$followed = $followed ? $followed : [];
if (in_array($user_id, $followed)) {
echo '<button class="unfollow-button" data-userid="' . $user_id . '">取消关注</button>';
} else {
echo '<button class="follow-button" data-userid="' . $user_id . '">关注</button>';
}
}
}
2. 将按钮添加到作者信息
在你主题的single.php或author.php文件中,调用follow_author_button()函数。
php复制代码
<?php follow_author_button(get_the_author_meta('ID')); ?>
3. 使用AJAX处理关注/取消关注请求
添加以下AJAX代码以处理关注和取消关注请求。首先在functions.php中添加:
php复制代码
add_action('wp_ajax_follow_author', 'follow_author');
add_action('wp_ajax_nopriv_follow_author', 'follow_author');
function follow_author() {
if (!is_user_logged_in()) {
wp_send_json_error('请先登录');
}
$current_user_id = get_current_user_id();
$author_id = intval($_POST['user_id']);
$followed = get_user_meta($current_user_id, 'followed_authors', true);
$followed = $followed ? $followed : [];
if (in_array($author_id, $followed)) {
$followed = array_diff($followed, [$author_id]);
} else {
$followed[] = $author_id;
}
update_user_meta($current_user_id, 'followed_authors', $followed);
wp_send_json_success($followed);
}
4. 添加JavaScript
在你的主题中添加JavaScript,以便在前端处理按钮点击事件。可以在footer.php或自定义的JavaScript文件中添加:
javascript复制代码
jQuery(document).ready(function($) {
$('.follow-button, .unfollow-button').click(function() {
var button = $(this);
var userId = button.data('userid');
$.post(ajaxurl, {
action: 'follow_author',
user_id: userId
}, function(response) {
if (response.success) {
button.toggleClass('follow-button unfollow-button');
button.text(button.hasClass('follow-button') ? '关注' : '取消关注');
} else {
alert(response.data);
}
});
});
});
三、展示用户关注的作者
为了让用户看到他们关注的作者,可以创建一个自定义页面或小部件。
1. 创建自定义页面模板
在你的主题目录中创建一个名为followers.php的新文件,并添加以下代码:
php复制代码
<?php
/**
* Template Name: Followers
*/
get_header();
$current_user_id = get_current_user_id();
$followed = get_user_meta($current_user_id, 'followed_authors', true);
if ($followed) {
echo '<h2>你关注的作者</h2><ul>';
foreach ($followed as $author_id) {
$author = get_userdata($author_id);
echo '<li>' . $author->display_name . '</li>';
}
echo '</ul>';
} else {
echo '<p>你还没有关注任何作者。</p>';
}
get_footer();
?>
2. 添加页面
在WordPress后台,创建一个新页面,并选择刚才创建的“Followers”模板。
四、通知用户关注的作者发布新内容
为了增强互动,可以通过邮件通知用户他们关注的作者发布的新内容。这可以通过以下步骤实现:
1. 使用邮件服务
可以使用如Mailgun、SendGrid等邮件服务发送邮件。
2. 添加邮件发送功能
在用户关注作者时,可以触发一个邮件通知功能。修改follow_author函数,添加邮件发送逻辑。
php复制代码
if (in_array($author_id, $followed)) {
// 发送邮件通知
wp_mail($current_user_email, '作者更新', '你关注的作者发布了新内容!');
}
通过以上步骤,你可以在WordPress网站上成功实现作者关注功能。这不仅增强了用户体验,还促进了作者与读者之间的互动。无论是使用现成的插件还是自定义代码,这一功能都能为你的站点增色不少。