个人一直觉得wordpress的登陆很麻烦，要打开一个新窗口才行。而且默认的那个窗口看起来并不怎么漂亮。所以决定给它整整，搞个适合偶主题的登陆框才行。之前我已经写过一篇文章，但那个是用jQuery实现的弹出登陆窗口，虽然更漂亮更酷。但代码对于没有一点基础的同学来说还是有点困难的。SO…今天整了这个简单点的。最终效果看下面的这张图：
其实这种效果还是很简单的，所以就不用详细的地说了，我直接上代码：
- <form action="<?php bloginfo('url') ?>/wp-login.php" method="post" id="loginform">
- <label for="log">用 户：</label>
- <input class="logintext" type="text" name="log" id="log" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" size="22" /><br /><br />
- <label for="pwd">密 码：</label>
- <input class="loginpass" type="password" name="pwd" id="pwd" size="22" /><br />
- <p>
- <input type="submit" name="submit" class="loginsubmit" value=" " />
- <input name="rememberme" id="rememberme" type="checkbox" value="forever" /><label for="rememberme">记住我</label><br />
- </p>
- <input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>"/>
- </form>
- <?php global $user_ID, $user_identity, $user_level ?>
- <?php if ( $user_ID != "" ) : ?>
- <script type="text/javascript">jQuery(document).ready(function(){jQuery("#loginform").hide();});</script>
- <ul class="logininfo">
- <li>已登录：<strong><?php echo $user_identity ?></strong></li>
- <li><a href="<?php echo wp_logout_url(get_permalink()) ?>" >注销</a></li>
- <li><a href="<?php bloginfo('url') ?>/wp-admin/" id="wp_admin">后台</a></li>
- <li><a href="<?php bloginfo('url') ?>/wp-admin/theme-editor.php" id="themes_edit">主题编缉</a></li>
- <?php if ( $user_level >= 1 ) : ?>
- <li><a href="<?php bloginfo('url') ?>/wp-admin/post-new.php" id="post_new">撰写文章</a></li>
- <?php endif // $user_level >= 1 ?>
- </ul>
- <?php endif // get_option('users_can_register') ?>
代码看起来有点多，其实很简单，上面就是一个表单，下面是登陆成功后显得的快捷链接，方便管理。你可以把这段代码放在你想放的位置，当然最好是侧边栏，放其他地方好像不太合适。偶是放在偶侧边栏的一个TAB里面。你可以点击管理看看。这里唯一要说下的就是，登陆后我们要隐藏掉表单。只显示下面的链接，退出后就显示表单。默认的时候我们设置表单是显示的，然后能过“”判断是否成功登陆，成功了则通过下面这句JQ的代码把表单隐藏：
<script type="text/javascript">jQuery(document).ready(function(){jQuery("#loginform").hide();});</script>
是不是很简单？现在我们实现了前台登陆了，但要发布文章和管理还是要打开一个新页面去到后台。对我来说还是很麻烦。于是想到把用AJAX把后台加载到一个弹出层里。效果已经实现了，现在在前台就能完成所有的操作了，有时间写出来和大家分享…
2010/08/09
最好提供一下CSS哈