造型多個自定義wordpress登錄

我想爲網站的子域做一個單獨的登錄。我加入以下到我的模板PHP文件，剛剛創建用戶通場和登錄按鈕：造型多個自定義wordpress登錄

<?php wp_login_form(); ?>

WordPress的文檔中

，它說，這種形式的造型在「您的活動做主題的樣式表（style.css）「。我在線添加了一個典型的模板到我的樣式表中，但沒有加載它。我不確定我是否在正確的部分添加了，或者當您以這種方式調用登錄表單時這些類是不同的。我的造型代碼片段低於：

body.login { 
 
    background-image: url('bg_piece.png'); 
 
    background-repeat: repeat; 
 
    background-attachment: fixed; 
 
    background-position: center; 
 
}.login h1 a { 
 
    background-image: url('logo.png'); 
 
} 
 
.login label { 
 
    font-size: 12px; 
 
    color: #555555; 
 
} 
 

 
.login input[type="text"]{ 
 
    background-color: #ffffff; 
 
    border-color:#dddddd; 
 
    -webkit-border-radius: 4px; 
 
} 
 

 
.login input[type="password"]{ 
 
    background-color: #ffffff; 
 
    border-color:#dddddd; 
 
    -webkit-border-radius: 4px; 
 
}.login .button-primary { 
 
    width: 120px; 
 
    float:right; 
 
    background-color:#17a8e3 !important; 
 
    background: -webkit-gradient(linear, left top, left bottom, from(#17a8e3), to(#17a8e3)); 
 
    background: -webkit-linear-gradient(top, #17a8e3, #17a8e3); 
 
    background: -moz-linear-gradient(top, #17a8e3, #17a8e3); 
 
    background: -ms-linear-gradient(top, #17a8e3, #17a8e3); 
 
    background: -o-linear-gradient(top, #17a8e3, #17a8e3); 
 
    background-image: -ms-linear-gradient(top, #17a8e3 0%, #17a8e3 100%); 
 
    color: #ffffff; 
 
    -webkit-border-radius: 4px; 
 
    border: 1px solid #0d9ed9; 
 
} 
 

 
.login .button-primary:hover { 
 
    background-color:#17a8e3 !important; 
 
    background: -webkit-gradient(linear, left top, left bottom, from(#17a8e3), to(#0d9ed9)); 
 
    background: -webkit-linear-gradient(top, #17a8e3, #0d9ed9); 
 
    background: -moz-linear-gradient(top, #17a8e3, #0d9ed9); 
 
    background: -ms-linear-gradient(top, #17a8e3, #0d9ed9); 
 
    background: -o-linear-gradient(top, #17a8e3, #0d9ed9); 
 
    background-image: -ms-linear-gradient(top, #0b436e 0%, #0d9ed9 100%); 
 
    color: #fff; 
 
    -webkit-border-radius: 4px; 
 
    border: 1px solid #0d9ed9; 
 
} 
 

 
.login .button-primary:active { 
 
    background-color:#17a8e3 !important; 
 
    background: -webkit-gradient(linear, left top, left bottom, from(#0d9ed9), to(#17a8e3)); 
 
    background: -webkit-linear-gradient(top, #0d9ed9, #17a8e3); 
 
    background: -moz-linear-gradient(top, #0d9ed9, #17a8e3); 
 
    background: -ms-linear-gradient(top, #0d9ed9, #17a8e3); 
 
    background: -o-linear-gradient(top, #0d9ed9, #17a8e3); 
 
    background-image: -ms-linear-gradient(top, #0d9ed9 0%, #17a8e3 100%); 
 
    color: #fff; 
 
    -webkit-border-radius: 4px; 
 
    border: 1

我曾試圖把它放在不同的.css形式似乎並沒有工作。提前謝謝了！

來源

2017-05-28 Mingos

請檢查打開並關閉{}電流。使用文件在 - 您在代碼中使用相同的文件夾中使用的圖像png格式

.CSS

body.login { background-image: url('bg_piece.png'); 
      background-repeat: repeat; 
      background-attachment: fixed; 
      background-position: center; 
      } 

.login h1 a { background-image: url('logo.png'); }

來源

2017-05-28 04:48:12 user8076379

我不認爲CSS是問題所在。我將style.css文件放在與模板相同的文件夾中，但wp登錄表單並未使用.css文件 – Mingos

總結您的登錄功能，在一個div像

<div class="my-cust-login"><?php wp_login_form(); ?></div>

如果登錄表格正在顯示，您現在可以將該目標定位到您的字段，例如

.my-cust-login .login h1 a{ 
background:red; 
}

清除y我們的緩存順便說一下，如果你有任何緩存插件。

來源

2017-05-28 07:03:03 Ayanize

造型多個自定義wordpress登錄

回答

相關問題