龙哥 (Long.Ge)

相信很多朋友都想在侧边栏添加快速登录框，安装很多插件也不能达到自己想要的效果，下面第九部落给你一种简单的添加方法。

首先在主题sidebar.php文件下最后< /div>前面添加

<div id="sidebar-p"><div id="widget_user" class="widget">
<?php global $user_ID, $user_identity, $user_email, $user_login; get_currentuserinfo(); if (!$user_ID) { ?>
<form id="loginform" action="<?php echo get_settings('siteurl'); ?>/wp-login.php" method="post">
<h3>用户登录</h3>
<label>用户名：<input id="log" class="login" name="log" size="12" type="text" value="" /></label>
<label>密　码：<input id="pwd" class="login" name="pwd" size="12" type="password" value="" /></label>
<input class="denglu" name="submit" type="submit" value="登陆" /><label>记住我 <input id="comment_mail_notify" name="rememberme" type="checkbox" value="forever" /></label>
<input name="redirect_to" type="hidden" value="<?php echo $_SERVER['REQUEST_URI']; ?>" />
</form>
<?php } else { ?>
<h3>用户管理</h3>
<div class="v_li">
<ul>
 	<li><a href="<?php%20bloginfo('url')%20?>/wp-admin/post-new.php" target="_blank" rel="noopener">撰写文章</a><a href="<?php%20bloginfo('url')%20?>/wp-admin/edit-comments.php" target="_blank" rel="noopener">评论管理</a></li>
 	<li><a href="<?php%20bloginfo('url')%20?>/wp-admin/" target="_blank" rel="noopener">控制面板</a><a href="<?php%20bloginfo('url')%20?>/wp-login.php?action=logout&amp;redirect_to=<?php%20echo%20urlencode($_SERVER['REQUEST_URI'])%20?>">注销登陆</a></li>
</ul>
</div>
<div class="clear"></div>
<?php } ?>
</div></div>

 这样就可以实现侧边快速登录框了，但是样式很丑，所以还得在style.css文件最后加上：

#widget_user
{
	margin-bottom:10px;
	background-color:#fefefe;
	border:1px #ddd solid;
	border-left:none;
	overflow:hidden;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#loginform p
{
	line-height:25px;
	padding:4px 6px 0px 10px;
}
#loginform input.login
{
	width:120px;
	padding:2px;
	background:#fff;
	color:#444;
	border:1px #ddd solid;
	box-shadow:0 2px 10px #eee,inset 0 -2px 10px #eee;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#loginform input.denglu
{
	width:66px;
	height:23px;
	color:#444;
	text-align:center;
	margin-top:8px;
	border:1px #ddd solid;
	box-shadow:0 2px 10px #eee,inset 0 -2px 10px #eee;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-left:55px;
	margin-bottom:10px;
}
#loginform input.denglu:hover
{
	border:1px solid #aaa;
	cursor:pointer;
}
#loginform input:focus
{
	border:1px #ccc solid;
}
.v_li
{
	float:right;
	width:200px;
	line-height:19px;
	list-style:none;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:10px;
}

自己慢慢相对自己主题进行调试该css样式就ok了，效果请看我网站侧边最下方的登录框！

---

关键词: wordpress 侧边 登录框

时间：2014年7月1日，星期二，下午10:51。
通过 RSS 2.0 订阅源关注。