一个分享WordPress、Zblog、Emlog、Typecho等主流博客的教程网站!
当前位置:网站首页 > 博客教程 > WordPress教程 > 正文

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

作者:xlnxin发布时间:2021-04-15分类:WordPress教程浏览:707


导读:前台登陆表单窗口功能往往是门户型网站常用的功能,对于使用wordpress搭建小型CMS门户网站的站长,也许也会需要前台登陆功能,前台登陆既方便自己也方便会员,实属提高用...

前台登陆表单窗口功能往往是门户型网站常用的功能,对于使用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对其样式美化。

标签:wordpresscss主题模板wordpress主题logo