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

2014年7月1日 | 分类:龙哥随笔 | 5 条评论 » | 阅读:2,111次

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

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

< ?php global $user_ID, $user_identity, $user_email, $user_login; get_currentuserinfo(); if (!$user_ID) { ?>

用户登录

 

< ?php } else { ?>

用户管理

< ?php } ?>


这样就可以实现侧边快速登录框了,但是样式很丑,所以还得在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. 夏日博客说道:

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

提交评论