我们在使用国外主题时,会经常看到有单独的登录页面,而不是使用 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 美化界面哦。