wordpress侧边添加快速登录框简单办法

2014年7 月1日 / 网站源码 / 5条 / 2,367次

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

首先在主题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侧边添加快速登录框简单办法》有5 条评论

  1. 雨夜说道:

    博主好像好久没有更新了。

  2. 内涵段子说道:

    不错的站,支持下留个名!!!

  3. runker说道:

    谢了 正在找这个

  4. 夏日博客说道:

    用的主题自带了登录框,,后来感觉没用就去掉了。


提交评论