实现wordpress前台输入用户名密码登陆表单

WordPress教程 6870

前台登陆表单窗口功能往往是门户型网站常用的功能,对于使用wordpress搭建小型CMS门户网站的站长,也许也会需要前台登陆功能,前台登陆既方便自己也方便会员,实属提高用户体验的必备良方。昨天博客吧给客户仿模板的时候就需要在前台添加一个登陆表单,在当前页面登陆后不跳转到后台,由于老早就有人放出相关代码,因此操作起来相当容易。

wordpress前台登陆表单

wordpress主题前台登陆表单代码:

把以下代码添加到表单显示的位置即可

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php if (!(current_user_can('level_0'))){ ?>  
	<form action="<?php echo get_option('home'); ?>/wp-login.php" method="post">
		用户名<input type="text" name="log" id="log" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" size="20"/>
		密码<input type="password" name="pwd" id="pwd" size="20" />
		<input type="submit" name="submit" value="登录" class="button" /><br/>
		<p>
		<input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> 记住我		
		<a href="<?php bloginfo('url'); ?>/wp-login.php?action=register">注册牛杂</a>
		<a href="<?php echo get_option('home'); ?>/wp-login.php?action=lostpassword">忘记密码</a>
		<a href="<?php bloginfo('url'); ?>/submit">我要爆料</a></p>
		<input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>" />		
	</form>		
	<?php } else { ?>	
		<?php if (function_exists('get_avatar') && get_option('show_avatars')) { echo get_avatar($comment, 25); } ?>
		<a href="#" onclick="window.external.AddFavorite('<?php bloginfo('url'); ?>/?fav', '<?php bloginfo('name');?>');return false;">收藏牛杂</a>
		<a href="<?php bloginfo('url'); ?>/wp-admin/post-new.php" title="发布信息">发布信息</a>
		<a href="<?php echo wp_logout_url( get_bloginfo('url') ); ?>" title="">退出</a>		
<?php }?>

可对以上代码中不需要的部分进行删减,使用CSS对其样式美化。

精品推荐: