如何對齊登錄表單wp_login_form（）

我想定製我的WordPress登錄表單。我是WP的新手，並嚴格遵循這裏描述的程序：https://themetrust.com/build-custom-wordpress-login-page/。但是我做了額外的小定製：如何對齊登錄表單wp_login_form（）

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/image1.1499330136.jpg

我怎樣才能格式化像（登錄/密碼輸入對齊字段）頁：http://ipic.su/img/img7/fs/image2.1499330556.jpg？

Thank you in advance.

來源

2017-07-06 George Ufimcev

您可以使用css.Below css是登錄表單css。

這裏的登錄頁面的一些有用的，高度specifc 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 {}

希望這有助於你

來源

2017-07-06 09:51:58

感謝。但我還有一個問題。我在本地PC上的某個文件夾（=我的站點）安裝了WordPress（WP）。我成功註冊爲管理員並在WP上登錄。但問題是 - 我下次想登錄時看不到WP登錄表單。我無法看到並檢查如何看起來像我的自定義表單。我清除了Cookie（按照推薦）並且沒有結果。我只是重定向到WP管理頁面，沒有任何日誌頁面。只有完全重新安裝我的本地服務器和WordPress ... –

對於本地安裝你使用的是什麼服務器？例如：wamp，zamp –

這不是安裝程序的問題。我使用OpenServer。（Wamp或XAMPP無法正常工作）。我將這裏的所有內容都做了'https：// codex.wordpress.org/ Customizing_the_Login_Form'，從admin（backend）註銷，沒有任何改變。我不直接從我的網站註銷，因爲它無法正常工作並掛斷登錄頁面... –

如何對齊登錄表單wp_login_form（）

回答

相關問題