wordpress网站中如何在侧面添加快捷登陆小工具

如你所见，本站的侧边栏中提供的有快捷登陆选项，方便大家使用QQ或者微博进行快速登陆。

使用这个工具栏的前提是，你要先有Erphplogin Pro 2.0源码QQ/微博/微信登录/弹窗社会化登录 WordPress插件 - 一品网络 这个登陆插件，在安装了这个插件之后，即可进行改造。

步骤如下，打开你的主题的 functions.php文件，添加如下代码：

内容回复后可见，写这个也方便本人后续在其他站点使用，做个记录。

[reply]

class ERPHPLogin_Widget extends wp_3ed722_Widget {
public function __construct() {
parent::__construct(
'erphplogin_widget',
'ERPHP登录小工具',
array('description' => '显示ERPHP登录状态和社交登录按钮')
);
}

public function widget($args, $instance) {
echo $args['before_widget'];

// 内联样式设置16px统一字体
echo '<style>
.erphp-widget-container,
.erphp-widget-container h3,
.erphp-widget-container a,
.erphp-widget-container p,
.erphp-widget-container .erphplogin-box,
.erphp-widget-container .erphplogin-qq-a,
.erphp-widget-container .erphplogin-weibo-a,
.erphp-widget-container .erphplogin-weixin-a {
font-size: 16px !important;
line-height: 1.5;
font-family: inherit;
}
.erphp-widget-container {
padding: 15px;
text-align: center;
}
.erphp-action-button {
display: inline-block;
margin-top: 10px;
font-size: 16px !important;
}
.erphp-widget-container h3 {
margin: 0 0 15px 0;
font-size: 16px !important;
}
</style>';

if (!is_user_logged_in()) {
// 未登录状态显示社交登录按钮
echo '<div class="erphp-widget-container">';
echo '<h3>账号登录</h3>';
echo '<div class="erphp-social-buttons">';
echo get_erphplogin();
echo '</div>';
echo '</div>';
} else {
// 已登录状态显示用户信息
$current_user = wp_3ed722_get_current_user();
$profile_url = home_url('/i/');
$avatar = get_avatar($current_user->ID, 80);

echo '<div class="erphp-widget-container">';
// 用户头像
echo '<a href="'.esc_url($profile_url).'">'.$avatar.'</a>';
echo '<h3>欢迎, <a href="'.esc_url($profile_url).'">'.esc_html($current_user->display_name).'</a></h3>';
echo '<a href="'.esc_url(wp_3ed722_logout_url()).'" class="erphp-action-button">退出登录</a>';
echo '</div>';
}

echo $args['after_widget'];
}
}

// 注册小工具
function register_erphplogin_widget() {
register_widget('ERPHPLogin_Widget');
}
add_action('widgets_init', 'register_erphplogin_widget');

[/reply]

即可实现跟本站一样的侧边栏快捷登陆效果。