Wordpress 如何对齐登录表单wp\u login\u form（）

我想自定义我的WordPress登录表单。我是WP的新手，严格遵守这里描述的程序：

https://themetrust.com/build-custom-wordpress-login-page/

。但我做了额外的小定制：

require_once( explode( "wp-content" , __FILE__ )[0] . "wp-load.php" );

get_header(); ?>
<?php the_content(); ?>

<style>
.right{
position: absolute;
right: 532px;
width: 480px;
border: 3px solid #73AD21;
padding: 10px;
}
</style>
<?php
$args = array(
'echo'           => true,
'redirect'       => site_url( $_SERVER['REQUEST_URI'] ), 
'form_id'        => 'loginform',
'label_username' => 'Username',
'label_password' => 'Password',
'label_remember' => 'Remember Me',
'label_log_in'   => 'Log In',
'id_username'    => 'user_login',
'id_password'    => 'user_pass',
'id_remember'    => 'rememberme',
'id_submit'      => 'wp-submit',
'remember'       => true,
'value_username' => NULL,
'value_remember' => false 
);
?> 
 <div>
<table class = "right" bgcolor="#cccccc">
<tr>
 <td <p><a href="<?php  get_template_directory_uri() .'/page-not-
member.php'; ?>">Not member yet</a></p></td><td></td><td></td>
</tr>
<tr>
 <td colspan="2">Login:</td>
 </tr>
 <tr>
  <td> <?php wp_login_form( array('redirect' => home_url()) ); ?> </td>
 </tr>
<tr>
  <td colspan="2"><a href="<?php get_template_directory_uri() 
.'/zapomnij_formularz.php'; ?>">Forgot password?</a></td>
</tr>
</tr>
</table>
</div>

---

您可以使用css。css下面是登录表单css

以下是一些用于登录页面的有用的、高度特定的CSS选择器：

body.login {}
body.login div#login {}
body.login div#login h1 {}
body.login div#login h1 a {}
body.login div#login form#loginform {}
body.login div#login form#loginform p {}
body.login div#login form#loginform p label {}
body.login div#login form#loginform input {}
body.login div#login form#loginform input#user_login {}
body.login div#login form#loginform input#user_pass {}
body.login div#login form#loginform p.forgetmenot {}
body.login div#login form#loginform p.forgetmenot input#rememberme {}
body.login div#login form#loginform p.submit {}
body.login div#login form#loginform p.submit input#wp-submit {}
body.login div#login p#nav {}
body.login div#login p#nav a {}
body.login div#login p#backtoblog {}
body.login div#login p#backtoblog a {}

对你来说，我认为硫酮css是必要的

body.login div#login form#loginform input#user_pass {}

---

希望这对您有所帮助

谢谢。但我还有一个问题。我在电脑的某个文件夹（=我的网站）中本地安装了WordPress（WP）。我成功注册为管理员并登录到WP。但问题是——我下次想登录时并没有看到WP登录表单。我无法查看和检查自定义表单的外观。我清除了cookies（推荐的），但没有结果。我只是重定向到WP管理页面，没有任何登录页面。仅完全重新安装我的本地服务器和WordPress…对于本地安装，您使用的是哪台服务器？例如：wamp、zampIt不是安装人员的问题。我使用OpenServer。（Wamp或XAMPP工作不正常）。我在这里描述了所有内容

https://codex.wordpress.org/Customizing_the_Login_Form

，从管理员（后端）注销，未更改任何内容。我不直接从我的网站注销，因为它不能正常工作，并挂断登录页面。。。

body.login div#login form#loginform input#user_pass {}