如何自定义wordpress登录页面

2012/07/17
服务器0元试用,首购低至0.6折

我们在使用国外主题时,会经常看到有单独的登录页面,而不是使用wordpress那个前篇一律的登录界面。显然对于开发商业主题来说是必要的。那是如何做到的呢?下面我将一步一步教你如何实现它:

首先创建一个新的页面,名字随你取:

[php]

<?php

/*
Template Name: 登录模版
*/
?>

[/php]

第二步是添加头文件调用和DIV层:

[php]
<?php get_header(); ?>
<div id="left">
<div id="archive">
[/php]

第三步就是添加登录表单信息了:

[php]
<h2><?php the_title(); ?></h2>
<form name="loginform" id="loginform" action="<?php echo get_option(‘home’); ?>/wp-login.php" method="post">
<p>
<label>Username<br />
<input type="text" name="log" id="user_login" value="" size="20" tabindex="10" /></label>
</p>
<p>
<label>Password<br />
<input type="password" name="pwd" id="user_pass" value="" size="20" tabindex="20" /></label>
</p>
<p><label><input name="rememberme" type="checkbox" id="rememberme" value="forever" tabindex="90" /> Remember Me</label></p>
<p>
<input type="submit" name="wp-submit" id="wp-submit" value="Log In" tabindex="100" />
<input type="hidden" name="redirect_to" value="<?php echo get_option(‘home’); ?>/wp-admin/" />
<input type="hidden" name="testcookie" value="1" />
</p>
</form>
<p id="nav">
<a href="<?php echo get_option(‘home’); ?>/wp-login.php?action=lostpassword" title="Password Lost and Found">Lost your password?</a>
</p>
[/php]

最后就是添加DIV、侧边栏和页脚调用:

[php]

</div>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

[/php]

至此,就完成了登录模版的代码工作,最好别忘了使用CSS美化界面哦。

learndash-corporate-training
本文由点金主题网发布 点金主题网提供WordPress主题开发、汉化、安装、优化及网站设计开发服务。 自2010年以来,我们一直在WordPress行业深耕。

发表评论

您的电子邮箱地址不会被公开。