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

龙哥
龙哥
龙哥
1123
文章
35
评论
2014年7月1日22:51:09 5 516 185字阅读0分37秒

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

首先在主题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了,效果请看我网站侧边最下方的登录框!

匿名

发表评论

匿名网友 填写信息

评论:5   其中:访客  0   博主  0
    • 雨夜 雨夜 3

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

      • 内涵段子 内涵段子 1

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

        • runker runker 0

          谢了 正在找这个

          • 夏日博客 夏日博客 3

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

              • 颩ふ 颩ふ 5

                @ 夏日博客 我觉得侧边登录 :razz: 不错的啊,我是懒人嘛,哈哈。。