ログインフォームを整列する方法wp_login_form（）

Question

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

を...と私はこのようなログインページを得た：http://ipic.su/img/img7/fs/image2.1499330556.jpg： http://ipic.su/img/img7/fs/image1.1499330136.jpg

は、どのように私はそのようなフォーマットされたページ（ログイン/パスワードの入力フィールドが揃っ）で入手できますか？

Thank you in advance. 

Answer 1

あなたはcss.BelowのCSSフォームを使用することができます。私はチオンCSSは、これはあなたに