WordPress 教程：如何自定義登入頁面

我們在使用國外主題時，會經常看到有單獨的登入頁面，而不是使用 WordPress 那個前篇一律的登入介面。顯然對於開發商業主題來說是必要的。那是如何做到的呢？下面我將一步一步教你如何實現它：

首先建立一個新的頁面，名字隨你取：

<?php

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

第二步是新增標頭檔案呼叫和 DIV 層：

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

第三步就是新增登入表單資訊了：

<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>

最後就是新增 DIV 、側邊欄和頁尾呼叫：

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

至此，就完成了登入模版的程式碼工作，最好別忘了使用 CSS 美化介面哦。